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Ramanooo @ hotmail.com 


il&Jl (jc- A ~\a\ 


^3 ^jc. Jjjtd 4c.jA2ua cs-^ c£jp"\j Aia C- 3 ^ ^-— J ^- 3 L-H® 4 -AjfLll 

dii2k l_j!j£]I ij-o fijililujVl (jjqV^ tilljjt(Jjj^ailll j j ^Visual .NET 2008iJ- < ^ aJuj 

^alxlj *0 ^)j^aUc. ^al^ajail ^ L_Jj]l dll ^ A^-o^Jj ^jxu.rVi ^9 <-0^1^11 CjI jil^oll ^j-o ApJtll L_llUall ^aixJJ 

4 > 0 ^ L_aji^ c-ldjlj Style Sheet uaAj ciA jj^vi cjIjI^II (jCa*j tdajl L_JUall 

JaJ VB Aiij C# ^*1 £■* <_U*^'j Standard ASP.net Class 

Ij& ^IaVhxiIj £.a2I ^c£1a]Ij ^.Viull ^j^a^vxxill <jfLu9 (. AjI A9t£ ^ 6Jj-dl Ac. jIIaII ^jjjLu]| 

^ \n l a^»*n ^ aI^^-iojJ 1 ^ *< (Jjl V<j>/\W /\ a t ** \ j'v. c 4 t->j i n ^ aI^-iuj 6.^1 CC> 1^ A a±A x^AQ ^ ttQ t _ 4 

Cln*\ jLslLuaj (jl ^CalLoll LJojI AxIaj <jj^)L<u]l <2^ ^^9 A^Vn^ll CjI 

^jja^t^.1 A, nVi ^alc^lLailj A^a^jj ^ixu^aJ ^^9 AjI^ji^. SAiCc-j AsijfLa CIjLq^Ijl-q ^k-' 

a t*»t i jj, Ajt —lqj 






CaUjIa al\ 




(jj^U.1 Ulc3l • 4.ASL* 


(J-ol£ <. : 'nK‘i (jjl AjUUj C* n.W'i Cul 


JKS\ ‘ic. ^)Liiklj ^j£j 4-ij (j -0 ^3^ **-LH 

(jLuj^)Vi jj ^lc- JaxjJall Cic. <ajkall 


. 4_ai^kl (jjjij Update Panel Sec. ^»vn uJ jic. Aaijkl ^ j^lic. Sec. cjULj cln.wl; ^lull q *jell 


Jl jjj ^ UjIj ^ai^al l jLojj jl ^ jg-k Panel: oo*^ 

cj^kJ jl 3 j3-M <J^a.e 3j> ^»ec. cjVk ji UjIc.31 cjVkJI ^ ^Vuxij 3kVl 


. <aLkl Jkej c-tk ^ell (J] a£jj^jj aj (ilLud^yi IVi^^j Panel i ^jit o* 


igjkj (jl^lVI 3ala kel jg.lij ktxkl ejc. j (j^aj ^ 3 j,Vu.ro L_ijtaj eajj ^oi • (j*ial^11 jJlSl 

^)3 ‘‘kkj Jg'^Jj (J^aill (_3 j,VutO a 3^^) I ek ^)lj1^I (jfLaJ Y ^ 1 ^Ac. 


Akaj Jakl ^Jlj JaaJl (Jj*^*- 2 ^gAl ^ICaj AJLuj^) jl (Jj-qjI (Jk^l ejc. • 

^kajll 1 VWqx.ro j^ajt..aAi ^)^)a-o AiLCa] l_iA 1 n^ka (_£^)aYI CjlkuiiAI ^j-o ejeklj Jakl -ku ^jjiuj 3 ULg 

aJLuj^) 1I (Jk^l L1^ kali (JJjOLllj 


!>ULq jl kaJjC. kail Jxaj (jl liA l n^ka kail <Jj ^tiaj <1 Lujj jl Jjk JLujj] l Jjkttll jdll 

AiLjal IjA 1 t tij ^ala j^aj^’i C'Lujjl ^Laij (^ 5 ^^ ^jl^Jalj ^Saallj Ja^3 

4JLuj^)ll 3 Luj^)1 (Jo 3 JaaJl ^ijudlL ^*s' Sll IVWqx^a ^Jl ^a^aill 


j-qi JLujj) aJLujj jl djULuil cJUjj) aJLujj ; l hj*^ 

Ja^a (Jl^^l q -a ^q^vMi ^ajSJ Cl 1j*s lA>lj,W*ij L>^ (3-^] U 0 cj'^' 1 ^ ^>J^atic. J All Mi 

^ujjj (^j -ka L_flj^)a U>aji ^klill j ^ata^)Vl £^joi (3-^^] 3k 3j cJj*^ 

4,jx>aLj^) Aj\x>c. (Jla^l I^juj ^ujoj 3j < ^ J CaLj^) AuLac. j L_flj^)aJl Ijjuj JU.JL 





Asynchronous JavaScript And XML jUaiy AJAX 

: (jjSIaI jjjU 


j cliljVqi Ac c_L^aj C9j Y * * o ) A ^tj^jllu AJlLa ^9 cJj^ 1 

£9j-<xll (JA ^CaUjuball Cj^)l GOOGLE cJ^ O -0 L—LQ^kjjgil L_u1LujI 

‘j£ nil /cC^lj A^Ll^ ^J-0 AJLgC-Ij ^aluillj ^Vuxl^H Clua* t L-JjxjjI*S.1I AjLxjU ASJ^laJ 

XMLHttp ^>«Vl j$Ja tY * O .aJLLJI jj^Ja Jj 9 Sc^a.j-a ci±ll£ Auimi cca ^ A.La,uxi>all culjcVl <j|i 
^Jaj ^.‘U.^aV \ ^)^)j)\ Uri^vl Clll^ill ^aod c-Jull ^9 Cl \aa x^o C5“^ ^ ^11) JVISX1V1L ci^L 

.(j j^Vl cj Uq^ul l ^ij c>j ^ ^ XMLHttpRequest ^ Ls-^* 


• (JJj5>l^k| Jj^U *1A 


( j -G 4qV'iA^H 0 -gI jill ^InCuJ ciin^Qj Ail l_uj!I Jl CjIu^o^jII ^llc. (JjVmn Ail (jj.Vqixj jjj£JI c*lluA 

t ^flj^alLftll yj-a Ajail^-Q ^jx^a ^1] cilUlaL (JiL® ^)l^2uall CjICj S^j-u^ £§l j-a tilluAj ^ax-oliAll 

Ajjjka> y )\*\a ^Ljuj CulAnJal Cl)*\ u.roi Jj (jVi C*j dal ^vq*^o Cxi ^1 l__Uj]| CliLlnJaJ (j| <Jl9 


Jt i9 


: 


JLCic-Ucj^ A_uCL^.j (Jic* cEl L_ljll j-a CjI^ yqx^a ^1 a1 IjLoluI ji&VI A,jjq'il 1 jjx^axJl Lutu£ ^\».Vujj 
A_^.l jj jj£I AILujI jC yJxaJ Aulilll aCA ClAjjlua^a jjx^all I j-u£ IcLalkd L-jluflll IcA 

Cluj Clijdl A_lu (jj-amiLuU ^jAll £9lj-all CCatll L_jluSll IcA (ja clalLuU ^j] ^ixuli 


f AJAX Extensions ^j Au^tx-Vl j^Lxll Visual Studio 2008 ^ u. 

^jo ojL& ^ AJAX Control Toolkit ls AilCaU 

(J^Cu tdlli Cluhl ^aJJj L_Jjll A^qx^a ^^Jc. y)o£L^.l djl£^)^. q -a CjCxII ^nlalu ^U^ll Ll ^iu 

Microsoft Jj9 ^jjc 


dnj CjjaII ACjj yj^ua <jdu£l^l AjlVil Au9LuaVI CjIjJVI 

AJAX Control Toolkit 


Microsoft Visual Studio 2008 s ^ ^y ^ a±aJ)1\ y^UI j^aL^ 















WebSitel - Microsoft Visual Studio (Admini 


File Edit View Website Build Debj| 
jJ - _±\ T d ^ ! 

I M| * 1.1 § 

Toolbox 


XHTML 1.0 i 


0 Standard 
0 Data: 

0 Validation 
0 Navigation 

1 Login Jk 

0 WebParts 
□ AJAX Extensions 

^ Pointer »j* JiOU | 

3 ScriptManager U j.Ji.1 l ^ 

^ ScriptManagerProxy^jjjjLui^l j^LjJl T 
0 Timer ^ 

H UpdatePanel ^ Cyj Ojj j 


(^1 UpdateProgress 


E Reporting 


0 HTML 4 

E' General 

s 


There are no usable controls in this group 
Drag an item onto this text to add it to the | 
toolbox. 







; viu cjjc aIu (j-ajja AJAX Control Toolkit <■. a>iSUSI cj! jlxkll f* 

(V * * A Cln \ ClljJl]l qa jJa ^-aLlc- 


http://www.4shared.com/file/1104Q9699/453ec60e/AjaxControlToolkitSource.html 

; c_ m«Vn'l Cxj AjIUII CjI jlaaJ! £ijl 




fc UT«?CWIC fc •. 



Jr 


: ajIjII cj! jkukJI ^j Visual Studio 2008 ^ ^ 






























- AJAX LctensnEis 

\ Fghter 
@ Tlucr 

■ SmptMarager 
*± SCTlpfcManagerfrflSfY 

updatePwtffcss 

^ j Updbt=Panel 

- AJAX TooSki) ^ 

* 


^-.i 


"There drertt? 'USSb'J-!* 
contras r die group. Drag 
an item onto If is text to 
add iLto the toolbox. 


- Gertfrrdl 


There are no usabe 
s^iros r. this gioup. Drag 
an item onto this text to 



* 

4 

* 

j 

# 

t 



Control Toolkit ^j^aUxll AiLJalj ^a ^uaII ^a ^-aUx]! ^jujI AjIj^ Jbo - £ 



- &Slltrj|l 

There rare no usabe 
^OrTiL- Ofe r t this group. Pi^fl 
an nen ■:■ n“■:■ V~*s text to 





























)HaJ — 0 


SqDats5ou r cc 
ft AccessDataSouroa 
l ^ Ofo]eclG a t3 Source 
. AfrtDdtdSCiJ'ie 
t SitcMapDflt&Source 
4 tfaJidatioin 
4 rfDviqatkjn 
4 login 
r WftbParK 
i HTML 

- AJAX txtcnsicns 

\ Pontes 
Q Timer 
■ Saipddaraaer 
*3 Scnpd-laragerProyy 
UpdateR^es 
lv i UpdatoPone! 


- AJAX Toolkit 

There sfe no usabfc 
torsos n dis group. Drag 
an item onto this text to 
add it to die toolbox. 

S GcneraJ 


<% @ Pag^ Languag£ — "vb" Aut j.± .-£:. ■■ T1 r ^.,p-"t r ll* n r■• d^TLl* 

t 


GjoCru? TodJxj*. Items 


NET Framework. Components com c»w¥0*ttnto 


Name 

Name®*:* 

A ssarkht Name 

Directory ^ 

pi A:tE5sJata£ouroe 

Svstcm. Web. UI.WebContrDfe 

System. Web (2.0.0.Q) 

Global As; 

1 1 Account 

M icrosjft ■ A n e! y si s 5er wee e 

Maoeoft- AnolysisServi... 

Global As: 

□ AettortsPane 

MiffWft.QHIee.TMl* 

Mtrftwft.Offke.TfloJs.... 

Gbbal Ass 

□ ACOlC 

Ho'ossft.VfejalBasc.OompatiiJ... 

Moesoft. VJaiaJBasdC.C... 

Global As: 

□ ADO DC Array 

M Erosoft. VisuaJB asic, Compa t±H... 

PkrosofLVisualBasc.C... 

Global As: 

□ AdomdCcmrand 

Microsoft AnBysisBerv* cos .Ado,.. 

Microsoft ArvalysisSenfl... 

Global As: 

!_J AdbrndCannccdon 

Microsoft- AndySisStTviccs .Ado-.. 

Miaoeoft- Analysi&Servi... 

Global As: 

FI AdamcDataAdapter 

Microsoft. Anaf¥*ts5e™ces .Ado... 

IflOfl^-AlwIy JSServI, „. 

Global Ass 

PI Ad^otator 

System, Web. ULMobileCanu-als 

System. We*. tfobSe (2..., 

Global As: v 

< 



1 > 


Filter: 

AccessDataKu :- 

Languaoe: Invariant Larcuaqe (Wanant Country) 
Version: 2,0.0. d 


H [ £™! 


4ga <3aiag LLo 3 <jjfLu jjj ^3 (jAJudl ^Lla 1 

~ .. p^flj ^ 


'S' Open 


► AJAX BOOK ► 




Search 


r 

j 


Mew Felder 


Favorite Links 
^ Projects 
E Desktop 

Recent Places 
More » 

Folders v 

Jfc AJAX 
AJAX BOOK 
. AjaxControlTool 
AjaxControlTo 
Binaries 
SampleWebSit 
Testing.Client 
ToolkitTests 

Ainv rrillp-rtinn Tn 


Name 


Date taken Tags 


Size 


Rating 




AjaxControlT 

oolkitSource 


\ 


o 




ij-t j (— 


/ 



SAiAgJl (JjjSIa.1 Ajj£x1I ^ua]! — V 































































Open 


<< AjaxControlToolkitSource ► 


Search 


Organize T □§ Views 


Mew Folder 


Favorite Links 
Projects 
W1 Desktop 
% Recent Places 
More » 

Folders v 

UU AJAX 

AJAX BOOK 
AjaxControlToolkil 
AjaxControlTool 
Binaries 

Samp leWeb Site 
Testing.Client □ 
ToolkitTests 

iinv r n 11 prl-i n n C nnt 


Name Date taken Tags 


Size 


Rating 



ffi M 


AjaxControlT Binaries SampleWe... Testing.Cli... ToolkitTests 
oolkit 


jU b t-E—$ i I JL6 


© 


Filename: AjaxControlToolkit.t 


I Executables f.dll; ~.exe) 
Open Cancel 



4_nfL<x]| ^j lj — A 


VS 


^ Open 




« AjaxControlTooIkitSouree ► Binaries 


Search 


New Folder 


Favorite Links 
Projects 
Wj Desktop 

Recent Places 
More » 

Folders v 

J AJAX 

AJAX BOOK 
AjaxControlTool 
AjaxControlTo 
Binaries 
Samp leWeb Sit 
Testing.Client 
ToolkitTests 

iiav r n 11 prti n n C 


Name Artists Album # Genre 

AjaxControlTool kit. dll 

§3 BuildVsi.dll „_J E_LJ \ uLLa_J I j 

J ava Sc ri ptC omm entStri pper.dll 
[^Micros oft. Web ,T esti n g. d 11 
® Tools.dll 


© 
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Choose Toolbox Items 


NET Framework Components COM Components WPF Components Activities 


Name 

Namespace 

Assembly Name 


Directory 

[71 Ac cessData Source 

System, Web, UI. Web C o ntro 1 s 

System .Web (2,0.0,0] 


Global Asse... 

|S Accordion 

AjaxControlT oolkit 

AjaxControFToalkit (: 

.... 

C:\Users\A... 1 

IS Accord tonPane 

AjaxC ontroFT oolkit 

AjaxCantroFFoolifcit (3 

.... 

C:\Users\A... 1 

C] ActionsPane 

Microsoft, Office.Tools 

M i c ro soft. Off i c e.To o L. 

Global Asse,,, 

[G ActionsPane 

M i c ro s oft, Off i c e.To o 1 s 

M i c ro soft. Off i c e.To o L. 

Global Asse,,, 

[T1 Activity 

System.'Wo rkf 1 o w. C o m p o n e,,. 

System. Workf 1 o w. Co... 

Global Asse,,, 

□ ADODC 

Microsoft.VisualBasic.com pa... 

Micro soft.VisualBasic,,.. 

Global Asse,,, 

□ ADODCArray 

Microsoft.VisualBasic.Compa... 

Micro scft.VisualBasic,,.. 

Global Asse,,, 

J AdomdCommand 

M i c ro s oft, An a lysi sSerxd c es. A.,, 

M i c ro soft. An a lysi sSer... 

Global Asse,,, 

] AdomdConnection 

M i c ro soft, An a lysi sServi c es. A.,, 

M i c ro soft. An a lysi sSer... 

Global Asse,,, 


□ 


Filter: 

Accordion 

Language: Invariant Language (Invariant Couni 

Version: 3.0.30512.17815 (Retail] 


j u ntx/l 

& 


Clear 


Browse,. 


Lj_& U i .k \ 


OK 


Cancel 


Reset 




ioiiaJI AJAX Control Toolkit 

























































n 


Toolbox 


0 AJAX ToofKiit 


b I 


^ Pointer 
^ Accordion 
3^ AccordionPane 

AlwaysVi sib I eContro I Extender 
Animation Extender 
Si AutoCompleteExtender 
f- CalendarExtender 
v CascadingDropDown 
51 CollapsiblePanelExtender 
ColorPickerExtender 
Corn bo El ox 

^ Confirm Button Extender 
^ DragPanelExtender 
S Drop Down Extender 
O DropShadowExtender 

DynamicPopulateExtender 
£3 Fi IteredTextB oxExten d er 
HoverMenuExtender 
^ Editor 

kl Li stSea re h Exten d er 
ET3 Masked Ed itExtender 
MaskedEditValidator 
ModalPopupExtender 
11 MultiHandleSliderExtender 
Qg M utu a I ly Exc I u siveC h ec kB oxExten d er 
NoBot 

NumericUpDownExtender 
:■ = : PagingBulletedListExtender 

Eg 

Password Strength 
p i^aC ontr^lExten d er 


^UjxAj AL^n£la ^aj’qlui 4 qV'lA^ 

















jjSn 


tijjAaj jtSi'iC- jLlib ^jaj cjj A vi<ri &A f- j^. duAAJ (_jA ILaI JjVI jjll AiJaj 

. J 1 —'jV' JJ ^ic- JajLuall aSp 4aA^I J^l£ (ijjd&j AjUUj 


(JjaSI^. 1 AajflJ JfruIaJ ^JJjuj CjLaij^all 4fll£ ^jujLujVI £jJaj ^JJ <j] LJLaG AjIl 


ScriptManager : j*abl\ j*j 



Toolbox t -t X 

i 

E 1 

© Standard 

# 

O 

i=r 

© Data 

m 

O 

X 

0 Validation 

.•< 


B Navigation 



© Login 

. 


0 WebParts 



0 AJAX Extensions 4 _j_u L-uf'i 1 jua 



^ Pointer ^ — - 

Jb 


_ ”j ScriptManager 

■T 


v J ScriptManagerProxy 

. > 


Timer 



5~1 UpdatePanel 

J 


r[--|] UpdateProgress 

V 


© AJAXTootKrt 



© Reporting 



0 HTML 



p *** *** * * **- --- 



; A-ilUll ^3 Lai Auia> (Jim) AjtjJaj ^jjj 


<%@ Pege Language^VB" ^^utoEventwireup="true T, codeFiI“^ 

2 

3 < 3 DOCTYPE ht ml PUBLIC n -//tf3C//DTD XHTML 1.1//EN" 

- Q <htjri] snI r. ^ = " h t-tp : / /-kww , w3 . nrg/1 99 9/ xh t-TT: 1 "> 

5iJ < head rur.a u=" □ e rve r ” > » 


6 


<ti t!e>untitled Page</tit1«> 
</hea«d> 


S F| <body> 

9 S <foon id= 1p forinl" runat= M server T ’> 


12 : 


<div> 

</div> 

±- </form> 


:asp: SciriptMsnaqer iC-’^dript-Maiiagerl" rinat-^s 







^■LajL«ali]l £jJaj <C-jjlill 4_^Aj^all ^sjuia. ^9 ^-Isul 
































- Code 

^ PChter 

1H <Sa-ptSe™ceI> 
1] <atyte> 

- Standard 

Pohter 
A Labe! 

M nxCtf 

l^bj Button 
(H) LinkEjtton 
[jj Image&Jttm 


DefeLdi.aspy.vb’ Da-fauIt.aspy : Start Paga 


^tcrisptHBnager Smptharagerl 

fiabcl 

£abd 


Eabd 


AJAX^^W. 


ASP^j . 





/ 

* 

> 

# 

> 

-—-••••'• ' 


l>° ^ dJjjj ajU£J Page Load <JaL ^k JaiuJalL 

; JtiK (jjfLa j <_£jlrdl Jx^a Ja.b CjSjIIj jlgJal AjLiaj <Jj9 

; ciSjJJ Jj^iS ^j£Jl 


Octaull.ospK.vb 11 Default, asps* SianFage 


-Jp 

”■.({Genera 1 } 

v J^fPcHdarationsI 

_ l 


2 GI Partial class _l>e fault 

Inherits System.Web. UI . Page 


m 


10 
a 
12 : 

13: 


Protected Etb Buticn 1_Click (EyVa 1 sender As Object, 
End sub 

Protected Sub Page_load(ByVal sender As Object, EyVaJ 
Label1.Text = Date.Now 
Label2.Text = Date.Now 
Labels /Text = Date.Now 
z*d Si 


■~~ | 3J^j 1 ryljjl ^s_! -1a 

^oLJfc 




using System; 

using System.Data; 

using System.Configuration; 

using System.Web; 

using System.Web.Security; 

using System.Web.UI; 

using System.Web.UI.WebControls; 

using System.Web.UI.WebControls.WebParts; 

using System.Web.UI.HtmlControls; 









































public partial class _Default : System.Web.UI.Page 

{ 

protected void Page_Load( object sender, EventArgs e) 

{ 

Labell.Text = DateTime .Now.ToString(); 
Label2.Text = DateTime .Now.ToString(); 
Label3.Text = DateTime .Now.ToString(); 

} 

} 


(jj* jAj Update Panel II ^jj&j vluj cjj.il I Aiu ajuAjJ VI Jj yn 


*Ajax Extensions 




- n X 


\ Punter 
O Input ^uttan} 
l2y Input (Reset) 

££] Input ptejmlt) 

|abi Inpul ij p:<0 
|sm Input (Fie) 

Li± Input (Pass^anc]- 
[y] Input (Cnediwx) 
0 Input (Rgdo) 
Input (Hddenji 
M Tcxtarca 
LJ Table 
Image 
Select 

— Honzonbl Rule 

lie Dw 

- AJAX FJCteflikjny 

| ^ Ponter 


Timer 

SciiptManpger 
v , ScripU'lflnaacrProKy 
Updatr^Togrcss 
| ^3 UpdatePanel | 


ScartPaoe DEfkJt.espK.vb UefautLaspM* 


h tcriptManagcr - SaipJ'kragcl 

Eal>el 





Eabe! 


iabe! 


Button 







jx-rViC. (J^ll 4, : 'n.W*l Ijj £jJajd ^jlj liA i jx-rViC. ^ 1 jl] Ixj 

(JjSj dij.W'i ^jjIj I _)x^aU*Jl dijjJ AjUjla^o dn.Wl 


■ W ^ ' ^ 




























/5 Untifted Page - Windows Internet fxpLcwer 



UIHg ^jiLait ^^aJLaball ^*£1^.1 J^.b LjoJ Button jj £jJaj ^aJ AIjLuJI ^ 

jI jx^Vi* H ju.Wuj (Jkb (j-Q Button cJbujjVl ic. ^ l>U JUll 

: cs4j^ Update Panel >^- JjjL <jc. 




























xlKCTiK acfi WaLIC "-/Vaac/Vfr-D i-i/VES’ “ hewI■■/^■ ^ -om/T*.- whsitlll/ p: n/Htiwlll 

<h*n: n^:-,3- n r.ttEi/^ri»ii hj :-qsB-'Lgw/ifiicrl* 1 

<h««3 EUBW-“P1TY1B"> 

■r'lit !■■ r-Uni : s lad ri;i-:i': itlf > 

■■>-- 

■i b D*3y.- 

•ifam ^dB-’Coitl 1 iijriic" u i*[Tt:' , j 

<••9 sp. i Sc-EJ.pc’Hanaqec ID- i 5■OIlpIHana^e^l■ , r ..-zitir — fy 

*toc .■> 

■CdLVT- 

«sp i L t&e-. H>' Label 1“ xez-sr m * se^Ei ■ itm-^Latotj" i/i>7cn- P 219FK l >^/ i Bi9fHL-btKl^'tbx 

£far /> 

^up : DpdttiFizAl !>■ UpdiHPiHll 1 
an-I-*.” L« [ ■ > 

Eahapr 

/b 

cupiLmbftl IE^ p Iab*13 H :"jj r . ,J Jtr. | t , [ 1 Iuclb"LaJj* 1" tfLochM p H'>FK fr x/aap:lab#:> ^ jJ j_aJ 

*Lr ^ 

^Cxrace-ElEr.p'.-icE* _ 

_■ -•■ .i; jjJ _'■ —»-f ■ r ■ <*■ 


crr;^ger:-r 

<e:pih? TTvaPnpi&ackTrigger CofiX EolIP^BuceoCil" =T*nGPaBC""Gla.ali" ! /;> 
</Trj.ggtra> 


ibr J* 

■- B-rp : 1 ■ t-i L ID®" Lflb-i 1 : n rjcjc^Hivir' JBXE« n lBb-i I " ■ ■ H fpic' 1 >■■.cz /I 

ibr Jb- 

iUiipi'JijpiilLXLjri LZ"“Huxccni i " runai" p i*i:Tti a :4xcB*3^r;:a:i p GcjCiici*“auic,oni_Czic!i p -'-jtfcr.v 

■c/f&m> 

<:f' fcraSyj 

— *.# ^ + — 

^^klLud-all (jjdSL^.1 Jx^oic. (Jjkb Label2 J* n.Wi <J-gC- Vijjuj (JjxjuojII Jljc. 

; ^ LLa£ 4 ^jVi Uj^I (jj^2 ^jjdSl^.1 jx^Vic. ^jl_k Button (JtjujjVi ic. ^j^.j £> 


^ 4JHaiilHl (tap WAN) IrtnHirt •!*,■*»« 


e. "fc/Jbj** Ii dl- 
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<%@ Page Language="C#" AutoEventWireup=" true" 
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<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 

" http://www.w3.org/TR/xhtml11/DTD/xhtml11. dtd "> 

<html xmlns=" http ://www.w3.org/1999/xhtml "> 

<head runat=" server"> 

<tit le>Unt itled Page</title> 

<link href ="StyleSheet.css" rel=" stylesheet" type="text/css" 

/> 

</head> 

<body> 

<form id="forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManager1" runat=" server"> 

</ asp : ScriptManager> 

<br /> 

<asp : LinkButton ID=" LinkButtonl" runat=" server ">Please click 
< / asp : LinkButtonXbr /> 

<br /> 

<div> 

<asp:Panel ID="Panell" runat=" server" CssClass="modalPopup" 
Style="display : none" Width="233px"> 

<p> Jl_£ l_!L_o _j I J_a</p> 

<div align=" center"> 

<asp:Button ID="OkButton" runat=" server" Text="OK" 
PostBackUrl="~/Home .aspx" /> 

<asp:Button ID="CancelButton" runat=" server" Text="Cancel" 
PostBackUrl="~/Def ault.aspx" /> 

</ div> 

</asp : Panel> 

<br /> 

<ajaxToolkit : ModalPopupExtender ID="ModalPopupExtenderl " 
runat=" server" 

TargetControlID=" LinkButtonl" 

PopupCont rolID= "Panel1" 
BackgroundCssClass="modalBackground" 

DropShadow= "true" 

OkControlID="OkButton" 

CancelControlID=" CancelButton" /> 

</ div> 

</ form> 

</body> 

</html> 
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There is one chapter on die actual media production process and that chapter is very good. It's just now worth 
what! paid for the entire book 
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<%@ Page Language=" C#" AutoEventWireup=”t rue" 

CodeFile="Def ault.aspx.cs" Inherit s="_Def ault" %> 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 

" http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd "> 

<html xml ns=" http://www.w3.org/1999/xhtml "> 

<head id="Headl" runat=" server"> 

<title>Untitled Page</title> 

<link href="StyleSheet .css" rel=" stylesheet" type=" text/css" /> 
</head> 

<body> 

<form id="forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManagerl" runat=" server" /> 

<div> 

<a jaxToolkit : DragPanelExtender ID="DragPanelExtenderl" 
runat=" server" TargetCont rolID="PanelCont ainer" 

DragHandleI D=" PanelHeader"> 

< /a jaxToolkit : DragPanelExtender> 

<asp: Panel ID="PanelContainer " runat=" server" 
CssClass="dragContainer " > 

<asp:Panel ID="PanelHeader " runat=" server" 
CssClass="dragHeader "> 

<br />Header</asp : Panel> 

<asp: Panel ID="PanelBody " runat=" server" 
CssClass="dragBody" > 

<br /> 

One<br /xbr /> 

Two<br /xbr /> 

Three<br /xbr /> 

Four 

</asp : Panel> 

</asp : Panel> 

</ div> 

</ form> 

< script type="text /javascript"> 
function setBodyHeightToContentHeight() { 

document.body.style.height = 

Math.max(document.documentElement.scrollHeight , 
document.body.scrollHeight) +"px" ; 

} 

setBodyHeightToContentHeight(); 

window.attachEvent( ’onresize ’ , setBodyHeightToContentHeight); 

</ script> 

</body> 

</html> 


Style Sheet 






.dragContainer 

} 

background-color: #FFC0FF; 
height: 282px; 
width: 357px; 

border-bottom-color: black; 

{ 

.dragHeader 

} 

background-color: #8080FF; 
height: 48px; 
width: 358px; 

{ 

.dragBody 

} 

background-color: #FFC0FF; 
height: 213px; 
width: 357px; 
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Solution Explorer - Solution 'HDI-ACT-... t ' 

a ala] 11 i» _j 

[j] Solution 'HDI-ACT-DragPanel-CS' (1 projll 

i- J* C:\_\H DI-ACT - Drag Pan efc-CS\ 4 


App_Data 
L# Bin 

i^l Default.aspx ■* 

A| StyleSheet.css 
web.config 
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<%@ Page Language="C#" AutoEventWireup=”t rue" 

CodeFile="Def ault.aspx.cs” Inherit s="_Default ” %> 

<%@ Register Assembly=" AjaxControlToolkit" 

Namespace=" AjaxControlToolkit” TagPref ix="ccl " %> 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 

chtml xml ns=" http://www.w3.org/1999/xhtml "> 

<head id="Headl" runat=" server"> 

<title>ACT Color Picker COntrol</t it le> 

</head> 

<body> 

<form id="forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManagerl" 
runat=" server"></ asp : ScriptManage r> 



























<div> 

<asp:TextBox runat=" server" ID="Color2" 
AutoCompleteType="None" MaxLength=" 6" style=" float : left" /> 

<asp : ImageButton runat=" Server" ID="Imagel" 
style=" float : left ; margin : 0 3px" 

ImageUrl="~/images/cp_button .png" 

AlternateText=" Click to show color picker" /> 

<asp:Panel ID="Samplel" 

style="width : 18px; height : 18px; border : lpx solid #000 ; margin : 0 
3px; float : left" runat=" server" /> 

<ccl : ColorPickerExtender ID="buttonCPE" runat=" server" 
TargetControlID="Color2 " 

PopupButtonID=" Imagel" 

SampleControlID=" Sample1" 

SelectedColor=" 33ffcc" /> 

<br /xbr style=" clear : both" /> 

<div style=" font-size : 90%"><em> (Click the image button to 
show the color picker) </em></div> 

</ div> 

</ form> 

</body> 

</html> 


^ (J *141^11 QJiJ^l\ Ajlgj 



(jjjjLuJ! (jjjjdll 


h* *l jJuj bULa Jakll J jj-aj 4iUa)j Jxkll Jj^su ^| 4JLui j jj Jxajj Jtuuij) 

Jj£ h±l\ aSajII 1 JS (j-aj-uaUl jj^-a AiLuaj U& 1 HLaj£ CjIaluuIII qa hiA) 

AJLuu Jl\ JLujj] 


C x3i7 .g,w#L. T L-1C-l«*H^ 


■lAJ 'Kll ' 


■M^r» ■ 


Rfc <i|J Yww F'rvw^ln Ti-wh +^ 

* ■^iimi-l ,, p .*£7IV^kl 

■ ■■ lxPtotfriAr?J.’a«3}«LTl ( jPii*i k :: .. 


“ 


Q 


+ 

>' - - - - ■ ■ - T- ' 


I 

i 

*■ 

* 

l 

^a. , W*Uri^l' ^)xs"x\c- ^jC. 



5jlm£ | Lit** ,Ji Ol—H [ l F- JL^j. 1 ! _i— r ' 

JirU. '.'.iirW 4 iUw>J 11 1 ■-■ Ll&tl 




a AJAX TooIKrt 
Pointer 

5E Accordion 
J AccordionPane 
Jjf 1 AlwaysVi sib I eContro I Extender 
^ Animation Extender 
S AutoCompleteExtender 
CalendarExtender 
p CascadingDropDown 
1= CollapsiblePanelExtender 
ColcrPickerExtender 
CombcBox 

Confirm Button Extender 
4^ DragPanelExtender 
g D ro p D own Exten d er 
I—f DropShadowExtender 
/-r| DynamicPopulateExtender 
M Fi IteredTextB oxExten d er 
HoverMenuExtender 
Editor -4- I 

m Li stSearch Extender 
..MaskedW^ "■-■■40 



















Y; DEipilvipo ttrtPioc GrtpiU-upi: 

Client QLjn n & E verity 

<■!> Pki FiiEvE-. , litM'4?iiip- , >::y 


T 'T+] Eve re | 


■c-%^ f.'i^Lj-.i: Ajin ±-1 j* n k; uZEii e r-i-lTcc-L ti 5 iHHFifli> n R^ ml-cn-.r: LTicl fc: t . ffTtUZdicox" 

l4ffF-Cfi MT^tiCh* II 


■c! BQCTTPE mrL Pire.IZ JC/,.&rL KKrWL i.-J rxflriiirional'-IH" - r.c :c ■ - ■ - I- .:■].■' I ?> x\’. tk'. . T TD ■ ~ - y 1. - r m-.a i r L 

2^al t=2.r.w— i t t' ltm. Vi. = = H t i ?ai/na=lM n -> 

■s/heaa^ 

13 -^lDadv> 

<Eocr io^ioxH!" :un-ii”"at Eitr“S- 

“c i : Sc: l~ ■ Har-i j-tr ’. T ■■ £ zt lj r 1 !■_::■»; i rl n a i evit 

{' lip: I::ijeiM i - i : :- 
j- 

<-=tnc#r»-£C£: . Idic&r :D -N laxcflxt p runBf , dtsvtr H V^ccni^iJtdr f* 

■Efle& ^urccr Lunai*'sex-wet “ ^^-JCT"* , EuEtoJ^ s, caGLiak^BuGcccSi Click 1, /Mbi /me* /?■ 

:^r H tabtll H i -ee-'mivci' r tMC Hl Iali« i*M/bcp • Lioe-l * 

V ” j>j- 

*JU>wi jJw.U .^Vv Label 


T 

4* 


kw>r ,^1 j^, U WU hW ' pfal L 

/ 


JK-1 


</dLv> 

</fcBdv> 

■</heals 


* 

> 

■v 

r> 


4 -#^ r 


J 

m i< r 




<%@ Page Language=" C#" AutoEventWireup=’’t rue" 

CodeFile="Def ault.aspx.cs" Inherit s="_Default " %> 

<%@ Register Assembly=" AjaxControlToolkit” 

Namespace=" AjaxControlToolkit.HTMLEditor" 

TagPref ix=" ccl" %> 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. dtd "> 

chtml xml ns=" http://www.w3.org/1999/xhtml "> 

<head runat=" server"> 

<title></title> 

</head> 

<body> 

<form id="forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManagerl" runat=" server"> 

</asp : ScriptManager> 

<div> 

<center><ccl : Editor ID="Editorl" runat=" server" Width=" 60Opx" 
/></center><br /xbr /> 

<asp: Button ID="Buttonl" runat=" server" Text="Button" 
onclick="Buttonl_Click" /xbr /xbr /> 

<asp: Label ID="Labell" runat=" server" 

Text=" Label "x/asp : Label> 

</ div> 

</ form> 

</body> 

</html> 
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using System; 

using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 





















using System.Web.UI.WebControls; 

public partial class _Default : System.Web.UI. Page 

{ 

protected void Page_Load( object sender, EventArgs e) 

{ 

} 

protected void Buttonl_Click (object sender, EventArgs 

{ 

Labell.Text = Editorl.Content; 

} 
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; L_J^)Ljuj ^juj ^9 

using System; 

using System.Collections.Generic; 
using System.Linq; 
using System.Web; 

using AjaxControlToolkit.HTMLEditor; 

namespace JoesAjaxControls 

{ 

public class SimpleEditor : Editor 

{ 

protected override void FillTopToolbar() 

{ 

TopToolbar.Buttons.Add (new 
AjaxControlToolkit.HTMLEditor.ToolbarButton. Bold () ) ; 

TopToolbar.Buttons.Add (new 

AjaxControlToolkit.HTMLEditor.ToolbarButton. Italic ()); 

} 































protected override void FillBottomToolbar() 

{ 

BottomToolbar.Buttons.Add (new 
AjaxControlToolkit.HTMLEditor.ToolbarButton. DesignMode ()); 
BottomToolbar.Buttons.Add (new 

AjaxControlToolkit.HTMLEditor.ToolbarButton. PreviewMode ()); 

} 

} 


} 
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<%@ Page Language="C#" AutoEventWireup=" true" 

CodeFile="Def ault.aspx.cs" Inherit s="_Default" %> 

<%@ Register Namespace=" JoesAjaxControls" TagPref ix="Awaz " %> 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. dtd "> 

chtml xmlns=" http ://www.w3.org/1999/xhtml "> 

<head runat=" server"> 

<t it le></t it le> 

</head> 

<body> 

<form id=" forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManager1" runat=" server"> 

</ asp : ScriptManager> 

<div> 

<Awaz : SimpleEditor id="Editorl" runat=" server" width=" 64Opx" 

/> 

<asp:Button ID="Buttonl" runat=" server" Text="Button" 
onclick="Buttonl_Click" /xbr /xbr /> 

<asp:Label ID="Labell" runat=" server" 

Text = " Label" x/asp:Label> 

</div> 

</ form> 

</body> 

</html> 
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using System; 

using System.Collections.Generic; 

using System.Linq; 

using System.Web; 

using System.Web.UI; 

using System.Web.UI.WebControls; 

public partial class _Default : System.Web.UI. Page 

{ 

protected void Page_Load (object sender, EventArgs e) 

{ 

} 

protected void Buttonl_Click (object sender, EventArgs e) 

{ 

Labell.Text = Editorl.Content; 

} 

} 
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Pointer 
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DragPanelExtender 
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<%£ Register A3 3CD&bIv“"‘ftjGxControlTocl]rit" NamescBcc^AjGHCcntro Jj A 
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<P 2 d v> 

<Fprn- : d— 17 Form l n r9 1— 11 r v? r Tr > 

< asp: Sc i rptl3a:iage r ID = " £ ex ipt¥aaace i 

< / asp; 3 L~J: Tit-la riag e: > 

< di v> 

<asp: 3'ancr. z^BulcqjiI 11 ^ur.a:="3eruer" TeKL.= IT 3ur.L2n rB /> 

<ccl i CcnfirmEattonE^tender 7 7 - IT ConfirnS jttontKteod= r 1 BI r - 
</cel: Con£iraBat|torLEJitender> 

</div> ^ 
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<%@ Page Language=" C#" AutoEventWireup=”t rue" 

CodeFile="Def ault.aspx.cs" Inherit s="_Default " %> 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 

" http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd "> 

<html xml ns=" http://www.w3.org/1999/xhtml "> 

<head id="Headl" runat=" server"> 

<title>Untitled Page</title> 

</head> 

<body> 

<form id="forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManagerl" runat=" server" /> 
<div> 

<a jaxToolkit : FilteredTextBoxExtender 
ID="FilteredTextBoxExtender1" 

runat=" server" TargetControlID="TextBoxl " 

FilterType= "Numbers"> 

</ ajaxToolkit : FilteredTextBoxExtender> 

<a jaxToolkit : FilteredTextBoxExtender 
ID= "FilteredTextBoxExtender2" 

runat=" server" TargetControlID="TextBox2 " 
F ilterType=" LowercaseLetters"> 

</ ajaxToolkit : FilteredTextBoxExtender> 

<a jaxToolkit : FilteredTextBoxExtender 
ID= "FilteredTextBoxExtender3" 

runat=" server" TargetControlID=" TextBox3" 
FilterType="Custom, Numbers" ValidChars=" +-=/*()."> 

</ ajaxToolkit : FilteredTextBoxExtender> 
ctable border="0"> 

<tr> 

<td>Only digits are allowed here:</td> 

<td> 

<asp:TextBox ID=" TextBoxl" runat=" server"> 
</asp : TextBox> 

</td> 

</tr> 

<tr> 

<td> 

Only lower-case letters are allowed 































here: </ td> 

<td> 

<asp:TextBox ID=" TextBox2" runat=" server"> 
</asp : TextBox></td> 

</tr> 

<tr> 

<td> 

Only math symbols ( + /, =, .) and 

numbers: </td> 

<td> 

<asp:TextBox ID=" TextBox3” 
runat=" server "x/ asp : TextBox></td> 

</tr> 

</table> 

</ div> 

</ form> 

</body> 

</html> 
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<%@ Page Language=" C#" AutoEventWireup=’’t rue" 

CodeFile="Def ault.aspx.cs" Inherit s="_Default ” %> 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

" http://www.w3.org/TR/xhtmll/DTD/xhtml1-transitional.dtd "> 

chtml xml ns=" http://www.w3.org/1999/xhtml "> 
chead runat=" server"> 

<title>Untitled Page</title> 

<link href ="StyleSheet.css" rel=" stylesheet" type="text /css" /> 
<style type="text /css"> 

.stylel 

{ 

font-size: x-large; 
font-weight: bold; 

} 

</style> 

</head> 

<body> 

<form id="forml" runat=" server"> 

<div style="text-align : left; background-color: #C0C0C0;"> 

<asp : ScriptManager ID=" ScriptManagerl" runat=" server"> 

</asp : ScriptManager> 

<span class=" stylel ">AJAX</span><br /> 

<br /> 

<br /> 

<asp : UpdatePanel ID="UpdatePanell " runat=" server"> 

< ContentTempiat e> 

<asp: Label ID="Labell" runat=" server" 

Width=" 2 0 lpx" CssClass="ClassWhite"x/asp : Label > 

<br /> 

< /ContentTemplate > 

<Triggers> 

<asp : AsyncPostBackTrigger ControlID="DropDownList 1" 
EventName=" SelectedlndexChanged" /> 

</Triggers> 

</asp : UpdatePanel> 

<br /> 

<asp : DropDownList ID="DropDownList 1" runat=" server" 
AutoPostBack="True" 

OnSelectedIndexChanged= "DropDownListl_SelectedIndexChanged" 
Height="22px" 

Width=" 218px"> 

<asp : List Item>White</ asp : ListItem> 

<asp : List Item>Red</asp : ListItem> 

<asp : List Item>Green</ asp : ListItem> 

<asp : List Item>Blue</asp : ListItem> 

<asp : List Item>Yellow</asp : ListItem> 

</asp : DropDownList > 

</ div> 

</ form> 

</body> 

</html> 


Def aul t. aspx. cs 


using System; 







using System.Configuration; 

using System.Data; 

using System.Linq; 

using System.Web; 

using System.Web.Security; 

using System.Web.UI; 

using System.Web.UI.HtmlControls; 

using System.Web.UI.WebControls; 

using System.Web.UI.WebControls.WebParts; 

using System.Xml.Linq; 

public partial class _Default : System.Web.UI. Page 

{ 

protected void Page_Load( object sender, EventArgs e) 

{ 

Labell.Text = DateTime .Now.ToString(); 

} 

protected void DropDownListl_SelectedIndexChanged (object sender, 
EventArgs e) 

{ 

if (DropDownList1.SelectedValue == "Red") 

{ 

Labell.CssClass = "ClassRed"; 

} 

else if (DropDownList1.SelectedValue == "Blue") 

{ 

Labell.CssClass = "ClassBlue"; 

} 

else if (DropDownList1.SelectedValue == "Green") 

{ 

Labell.CssClass = "ClassGreen"; 

} 

else if (DropDownList1.SelectedValue == "Yellow") 

{ 

Labell.CssClass = "ClassYellow"; 

} 

else 

{ 

Labell.CssClass = "ClassWhite" ; 

} 

} 

} 


S t y 1 e S h e e t. c s s ^ 

.ClassRed 

{ 

background-color : 

} 

Red; 


.ClassBlue { 

background-color : 

} 

Blue; 


.ClassYellow { 

background-color : 

} 

Yellow; 


.ClassGreen { 






} 


background-color: Green; 


.ClassWhite { 

background-color: White; 


} 
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<%@ Page Language=" C#" AutoEventWireup=’’t rue" 

CodeFile="Def ault.aspx.cs" Inherit s="_Default” %> 

<%@ Register Assembly=" AjaxControlToolkit" 

Namespace=" AjaxControlToolkit” TagPref ix="ccl " %> 

<! DOCTYPE html PUBLIC "-//W 3 C//DTD XHTML 1.0 Transitional//EN" 



























" http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd "> 

chtml xml ns=" http://www.w3.org/1999/xhtml "> 

<head runat=" server"> 

<title>Untitled Page</title> 

<link href ="StyleSheet.css" rel=" stylesheet" type="text /css" /> 
</head> 

<body> 

<form id="forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManagerl" runat=" server"> 

</asp : ScriptManager> 

<div> 

<table> 

<tr> 

<td>Name: </td> 

<td> 

<asp:TextBox runat=" server" ID="NameTextBox" 
BorderStyle=" solid" BorderWidth=" lpx" BorderColor=" #a9a9a9" /> 

</td> 

</tr> 

<tr> 

<td>Phone Number :</td> 

<td> 

<asp:TextBox runat=" server" 

ID="PhoneNumberTextBox" BorderStyle=" solid" BorderWidth=" lpx" 
BorderColor=" #a9a9a9" /> 

</td> 

</tr> 

</table> 

<br /> 

<asp : RequiredFieldValidator runat=" server" ID="NReq" 
ControlToValidate="NameTextBox" 

Display="None " 

ErrorMessage="<b>Required Field Missing</bxbr />A name 
is required." > 

</asp : RequiredFieldValidator> 

<ccl : ValidatorCalloutExtender ID="NReqE" runat=" server" 
TargetControlID=" NReq" 

HighlightCssClass=" validatorCalloutHighlight"> 

</ccl : ValidatorCalloutExtender> 

<asp : RequiredFieldValidator ID="PNReq" runat=" server" 
ControlToValidate="PhoneNumberTextBox" 

Display="None " 

ErrorMessage="<b>Required Field Missing</bxbr />A phone 
number is required.<div style=’margin-top:5px;padding:5px;border:lpx 
solid #e9e9e9;background-color:white;'xb>Other Options :</bxbr /><a 
href=’javascript:alert(&quot;No phone number available in 
profile.&quot;);’>Extract from Profile</a></div>"> 

</asp : RequiredFieldValidator> 

<ccl : ValidatorCalloutExtender runat=" Server" ID="PNReqE" 

TargetControl ID="PNReq" 

Highlight CssClass=" validatorCalloutHighlight" 

Width=" 35 Opx"> 

</ccl : ValidatorCalloutExtender> 

<asp : RegularExpressionValidator runat=" server" ID="PNRegEx" 
ControlToValidate="PhoneNumberTextBox" 

Display="None " 

Validat ionExpression=" ((\(\d{3}\) ?)|(\d{3}—))?\d{3}— 

\d{4}" 

ErrorMessage="<b>Invalid Field</bxbr />Please enter a 
phone number in the format:<br />(###) ###-####"> 





</asp : RegularExpressionValidator> 

<ccl : ValidatorCalloutExtender runat=" Server" ID="PNReqEx" 
TargetControl ID="PNRegEx" 

HighlightCssClass= M validatorCalloutHighlight"> 

</ccl : ValidatorCalloutExtender> 

<asp:Button ID="Buttonl" runat=" server" Text= M Submit" 
OnClick="Buttonl_OnClick" /><br /xbr /> 

<asp : UpdatePanel ID="UpdatePanell" runat=” server"> 

< ContentTempiat e> 

<asp: Label id=" lblMessage" runat=” server" /> 

< /ContentTemplate > 

<Triggers> 

<asp : AsyncPostBackTrigger Cont rolID=" Button1" 
EventName=" Click" /> 

</Triggers> 

</asp : UpdatePanel> 

</ div> 

</ form> 

</body> 

</html> 


Def aul t. aspx. cs 


using System; 

using System.Configuration; 

using System.Data; 

using System.Linq; 

using System.Web; 

using System.Web.Security; 

using System.Web.UI; 

using System.Web.UI.HtmlControls; 

using System.Web.UI.WebControls; 

using System.Web.UI.WebControls.WebParts; 

using System.Xml.Linq; 

public partial class _Default : System.Web.UI. Page 

{ 

protected void Page_Load( object sender, EventArgs e) 

{ 

} 

protected void Buttonl_OnClick (object sender, EventArgs e) 

{ 

lblMessage.Text = String .Format (" Thanks {0}, we’ll give you a 
call at {1}.", NameTextBox.Text, PhoneNumberTextBox.Text); 

} 

} 


S t y I e S h e e t. c s s ^ 


body, div, p, hi, h2, h3, h4, ul, li, table 

{ 

margin : 0 ; 
padding : 0 ; 
border : none ; 

} 





body 

{ 

background: #B4B4B4 url(images/body_bg.gif) repeat left top; 

font-family: Tahoma, Arial, sans-serif; 
font-size : 75% ; 

} 

.validatorCalloutHighlight 

{ 

background-color: lemonchiff on; 

} 
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ASP.NET AJAX is s free framework for building 3 new generation g, 
Microsoft integrates cross-browser client script libraries with the 
platform for client-based web pages that ASP.NET offers for se 
ASP.NET AJAX makes it possible to easily rake advantage of AJA: 
However, AJAX isn't just for ASP.NET. You can take advantage Di¬ 
on most modem browsers. £ 


ResizebEe text with "onresize" event handier 
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ASP.NET AJAX is a free fra me wo.wfo/gilding a new generation of richer, more interactive, highly persoii 
script libraries with the ASP.NET 2.0 server-based development framework. In addition, ASP.NET AJAX of! 
because ASP.NET AJAX is an extens.on of ASP.NET, it is fully integrated with server-based services. ASP.I. 1 ' 
pages with a rich, responsive UI and server communication. However, AJAX isn't just for ASP.NET. You c ; 
data provider and run on most mo derm browsers. 
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& image 
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Def aul t. aspx 


<%@ Page Language="C#" AutoEventWireup=”t rue" 

CodeFile="Def ault.aspx.cs" Inherit s="_Default ” %> 

<%@ Register Assembly=" AjaxControlToolkit" 

Namespace=" AjaxControlToolkit” TagPref ix="ccl " %> 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

" http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd "> 

<html xml ns=" http://www.w3.org/1999/xhtml "> 

<head runat=" server"> 

<title>Untitled Page</title> 

<link href ="StyleSheet.css" rel=" stylesheet" type=" text/css" /> 
</head> 

<body> 

<form id="forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManagerl" runat=" server" /> 

<div> 

<st rong>Resizable image with buttons for automatic 
resizing</strong> 

<br / ><br /> 

<asp:Panel ID="PanelImage " runat=" server" CssClass=" framelmage"> 
<asp: Image ID="Imagel" runat=" server" 

ImageUrl="~ /image/AJAX.gif" 

AlternateText="ASP .NET AJAX" style=" width : 10 0%; 

height : 100%; " /> 

</asp : Panel> 

ASP.NET AJAX is a free framework for building a new generation 
of richer, more interactive, highly personalized cross-browser web 
applications. This new web development technology from Microsoft 
integrates cross-browser client script libraries with the ASP.NET 2.0 
server-based development framework. In addition, ASP.NET AJAX offers 
you the same type of development platform for client-based web pages 
that ASP.NET offers for server-based pages. And because ASP.NET AJAX 
is an extension of ASP.NET, it is fully integrated with server-based 
services. ASP.NET AJAX makes it possible to easily take advantage of 
AJAX techniques on the web and enables you to create ASP.NET pages 
with a rich, responsive UI and server communication. However, AJAX 
isn’t just for ASP.NET. You can take advantage of the rich client 
framework to easily build client-centric web applications that 
integrate with any backend data provider and run on most modern 
browsers. 

<br /><br /> 

<st rong>Resizable text with "onresize" event handler</strong> 

<br /><br /> 

ASP.NET AJAX is a free framework for building a new generation of 
richer, more interactive, highly personalized cross-browser web 








applications. This new web development technology from Microsoft 
integrates cross-browser client script libraries with the ASP.NET 2.0 
server-based development framework. In addition, ASP.NET AJAX offers 
you the same type of development platform for client-based web pages 
that ASP.NET offers for server-based pages. And because ASP.NET AJAX 
is an extension of ASP.NET, it is fully integrated with server-based 
services. ASP.NET AJAX makes it possible to easily take advantage of 
AJAX techniques on the web and enables you to create ASP.NET pages 
with a rich, responsive UI and server communication. However, AJAX 
isn't just for ASP.NET. You can take advantage of the rich client 
framework to easily build client-centric web applications that 
integrate with any backend data provider and run on most modern 
browsers. 

<br / xbr /> 

<ccl : ResizableControlExtender ID="ResizableControlExtenderl" 
runat=" server" 

Behavior ID=" ResizableControlBehaviorl" 

Tar getControlID=" PanelImage" 

ResizableCssClass=" resizinglmage" 

HandleCssClas s=" handleImage" 

MinimumWidth=" 50" 

MinimumHeight=" 26" 

MaximumWidth="250 " 

MaximumHeight=" 170" 

HandleOff setX=" 3" 

HandleOff setY=" 3"> 

</ccl : ResizableControlExtender> 

</ div> 

</ form> 

</body> 

</html> 


S t y I e S h e e t. c s s ^ 


body, div, p, hi, h2, h3, h4, ul, li, table 

{ 

margin : 0 ; 
padding : 0 ; 
border : none ; 

} 

body 

{ 

background: #B4B4B4 url(images/body_bg.gif) repeat left top; 
font-family: Tahoma, Arial, sans-serif; 
font-size : 7 5% ; 

} 

.handlelmage 

{ 

width : 1 5px; 
height : 1 6px; 

background-image : url(images/HandleHand.png) ; 
overflow: hidden; 
cursor: se-resize; 

} 

.resizinglmage 

{ 




padding : Opx ; 
border-style : solid; 
border-width : 3px; 
border-color : #B4D35D; 

} 

.framelmage 

{ 

width : 130px ; 
height : 65px; 
overflow : hidden; 
float : left ; 
padding : 3px; 

} 

.frameText 

{ 

width : 10 Opx ; 
height : 10 Opx ; 
overflow : auto; 
float : left; 

background-color :#ffffff; 
border-style: solid; 
border-width : 2px; 
border-color : Gray; 
font-family : Helvetica; 
line-height : normal; 

} 
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Def aul t. aspx ^ 


<%@ Page Language=" C#" AutoEventWireup=”t rue" 
CodeFile="Def ault.aspx.cs" Inherit s="_Default" %> 

<%@ Register Assembly=" AjaxControlToolkit” 
Namespace=" AjaxControlToolkit” TagPref ix="ccl " %> 































<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. dtd "> 

chtml xml ns=" http://www.w3.org/1999/xhtml "> 
chead runat=" server"> 

<title>Untitled Page</title> 

</head> 

<body> 

<form id="forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManagerl" runat=" server" /> 

< script type="text /javascript"> 

function PanelClick(sender, e) 

{ 

} 

function ActiveTabChanged(sender, e) 

{ 

} 

</script> 

<div> 

<ccl : TabContainer ID="TabContainerl " runat=" server"> 

<ccl : TabPanel runat=" Server" ID="Panell" HeaderText=" Tab 

One"> 

< ContentTempiat e> 

<br />PAGE ONE - Sample HTML Content for Tab 
< /ContentTemplate > 

</ccl:TabPanel> 

<ccl : TabPanel runat=" Server" ID="Panel2" HeaderText="Tab 

Two "> 

< ContentTempiat e> 

PAGE TWO - Sample HTML Content for Tab 
< /ContentTemplate > 

</ccl:TabPanel> 

<ccl : TabPanel runat=" Server" ID="Panel3" 
OnClientClick="PanelClick" HeaderText=" Tab Three"> 

< ContentTempiat e> 

<br />PAGE THREE - Sample HTML Content for Tab 
< /ContentTemplate > 

</ccl:TabPanel> 

</ccl : TabContainer> 

</ div> 

</ form> 

</body> 

</html> 
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Def aul t. aspx ^ 


<%@ Page Language=" C#" AutoEventWireup=”t rue" 
CodeFile="Def ault.aspx.cs" Inherit s="_Default" %> 

<%@ Register Assembly=" AjaxControlToolkit” 





















Namespace=" AjaxControlToolkit” TagPref ix="ccl " %> 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 

chtml xml ns=" http://www.w3.org/1999/xhtml "> 
chead runat=" server"> 

<title>Untitled Page</title> 

<link href ="StyleSheet.css" rel=" stylesheet" type="text /css" /> 
</head> 

<body> 

<form id="forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManagerl" runat=" server"> 

</asp : ScriptManager> 

<div> 

<br /xbr /> 

Enter a Date in the format 99/99/9999 (culture sensitive) <br 

/> 

<asp:TextBox ID=" TextBoxl" runat=" server" ></asp : TextBox> 

<ccl : MaskedEditExtender ID="MaskedEditExtenderl" 
runat=" server" 

TargetControlID=" TextBoxl" 

Ma sk=" 99/99/9999" 

Mas kType=" Date" 

MessageValidatorTip=" true" 

OnFocusCssClass="MaskedEdit Focus" 
OnInvalidCssClass="MaskedEdit Error"> 

</ccl : MaskedEditExtender> 

<ccl : MaskedEditValidator ID="MaskedEditValidatorl" 
runat=" server" 

ControlToValidate=" TextBoxl" 

ControlExtender=" MaskedEditExtender1" 

Display=" Dynamic" 

Toolt ipMessage="PLease enter a date" 

IsValidEmpty=" false" 

EmptyValueMessage=" A Date is Required" 
InvalidValueMessage=" Ths date is invalid"> 

</ccl : MaskedEditValidator> 

<br /xbr /> 

Enter a Number in the format $99,999.00 <br /> 

<asp:TextBox ID=" TextBox2" runat=" server" ></asp : TextBox> 
<ccl : MaskedEditExtender ID="MaskedEditExtender2" 
runat=" server" 

TargetControlID=" TextBox2" 

Mask=" 99,999.99" 

MaskType= "Number" 

MessageValidatorTip=" true" 

OnFocusCssClass="MaskedEdit Focus" 
OnInvalidCssClass="MaskedEdit Error" 

InputDirect ion=" RightToLeft" 

DisplayMoney="Lef t " 

AcceptNegat ive="Lef t"> 

</ccl : MaskedEditExtender> 

<ccl : MaskedEditValidator ID="MaskedEditValidator2" 
runat=" server" 

ControlToValidate=" TextBox2" 

ControlExtender=" MaskedEditExtender2" 

Display=" Dynamic" 

Toolt ipMessage="Please enter a value between -100 and 

12000" 





IsValidEmpty= M false" 

EmptyValueMessage=" A Number is Required" 
InvalidValueMessage=" This Number is invalid" 
MinimumValue="-10 0" 

MinimumValueMessage=" The value is too small." 
MaximumValue=" 120 00" 

MaximumValueMessage=" The number is too large"> 

</ccl : MaskedEditValidator> 

<br /xbr /> 

Enter a Time in the Format 99:99:99 (type A or P for AM and 
PM) <br /> 

<asp:TextBox ID=" TextBox3" runat=" server" ></asp : TextBox> 
<ccl : MaskedEditExtender ID="MaskedEditExtender3" 
runat=" server" 

TargetControlID=" TextBox3" 

Mask=" 99:99:99" 

Mas kType=" Time" 

MessageValidatorTip=" true" 
OnFocusCssClass="MaskedEdit Focus" 
OnInvalidCssClass="MaskedEdit Error" 

AcceptAMP M= "t rue"> 

</ccl : MaskedEditExtender> 

<ccl : MaskedEditValidator ID="MaskedEditValidator3" 
runat=" server" 

ControlToValidate=" TextBox3" 

Cont rolExtender=" MaskedEditExtender3" 
Display="Dynamic " 

Toolt ipMessage="Please Enter a Time" 

IsValidEmpty=" false" 

EmptyValueMessage=" A Time is Required" 
InvalidValueMessage=" This Time is invalid"> 

</ccl : MaskedEditValidator> 

<br /xbr /> 

</div> 

</ form> 

</body> 

</html> 


S t y I e S h e e t. c s s ^ 


body, div, p, hi, h2, h3, h4, ul, li, table 

{ 

margin : 0 ; 
padding : 0 ; 
border : none ; 

} 

body 

{ 

background: #B4B4B4 url(images/body_bg.gif) repeat left top; 

font-family: Tahoma, Arial, sans-serif; 
font-size : 75% ; 

} 

.MaskedEditFocus 

{ 

background-color: #ffffcc; 

_ color: #000000; _ 




} 


.MaskedEditError 

{ 

background-color: #ffcccc; 

} 
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Def aul t. aspx ^ 


<%@ Page Language="C#" AutoEventWireup="true" 
CodeFile= "Default.aspx.cs” Inherit s="_DefauIt" 



<%@ Register Assembly=" AjaxControlToolkit" 
Namespace=" AjaxControlToolkit” TagPref ix="ccl " 



<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

" http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd "> 

<html xml ns=" http://www.w3.org/1999/xhtml "> 

<head runat=" server"> 

<title>6</t it le> 

<link href ="StyleSheet.css" rel=" stylesheet" type=" text/css" /> 


</head> 


<body> 

<form id="forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManagerl" runat=" server"> 
</asp : ScriptManager> 

<div> 


<asp:TextBox ID=" TextBoxl" runat=" server" 
Width=" 30 7px" ></asp : TextBoxXbr /> 

<asp:TextBox ID=" TextBox2" runat=" server" 
Width=" 30 7px" ></asp : TextBoxXbr /> 


<asp: Button ID="Buttonl" runat=" server" Text="Button" /xbr 


/> 


<ccl : TextBoxWatermarkExtender ID="TextBoxWatermarkExtenderl" 


runat=" server" Target ControlID=" TextBoxl" 

WatermarkCssClass="watermark" WatermarkText="Please enter a phone 
number (963) 955-264766"> 


</ccl : TextBoxWatermarkExtender> 

<ccl : TextBoxWatermarkExtender ID="TextBoxWatermarkExtender2" 


runat=" server" TargetControlID="TextBox2 " 

WatermarkCssClass=" watermark" WatermarkText=" Enter anything"> 
</ccl : TextBoxWatermarkExtender> 

</ div> 

</ form> 


</body> 

</html> 
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.watermark 

{ 

background: #FFAAFF; 

} 
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Any HTML content that 



Once you get the general idea of the 
animation's markup, you'll want to play a bit. All of 
the animations are created from simple, reusable 
building blocks that you can compose together. 
Before long you'll be creating dazzling visuals. By 
grouping steps together and specifying them to be 
run either in sequence or in parallel, you'll achieve 
almost anything you can imagine, without writing a 
single line of code! 
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Def aul t. aspx 




<%@ Page Language="C#" AutoEventWireup=”t rue" 

CodeFile="Def ault. aspx. cs’’ Inherit s="_Default " %> 

<%@ Register Assembly=" AjaxControlToolkit” 

Namespace=" AjaxControlToolkit” TagPref ix="ccl " %> 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

" http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd "> 

chtml xml ns=" http://www.w3.org/1999/xhtml "> 
chead runat=" server"> 

<title>7</title> 

<link href ="AnimSheet.css" rel=" stylesheet" type="text/css" /> 
</head> 

<body> 

<form id="forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManagerl" runat=" server"> 

</ asp : ScriptManager> 

<div class="demoarea" > 

Any HTML content that you want. 

<br /><br /> 

<!— Button used to launch the animation --> 

<asp:Button ID="btnInfo" OnClientClick=" return false;" 
runat=" server" Text="Click Here" /> 

<!-- "Wire frame" div used to transition from the button to 
the info panel —> 

<div id="flyout" class="wireFrame "></ div> 

<!-- Info panel to be displayed as a flyout when the button 
is clicked —> 

<div id="info" style="display : none; width: 250px; z-index: 

2; opacity: 0; filter: 

progid:DXImageTransform.Microsoft.Alpha(opacity=0) ; font-size : 12px; 
border: solid lpx #CCCCCC; background-color: #FFFFFF; padding: 5px; "> 
<div id="btnCloseParent " style=" float : right; opacity: 100; 
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) ; "> 

<asp : LinkButton ID="btnClose" runat=" server" 
OnClientClick=" return false;" Text="X" ToolTip="Close " 

Style="background-color : #666666; color: #FFFFFF ; text-align: center; 
font-weight: bold; text-decoration: none; border: outset thin 
#FFFFFF; padding: 5px; " /> 

</ div> 

Once you get the general idea of the animation’s markup, you’ll 
want to play a bit. All of 

the animations are created from simple, reusable building 
blocks that you can compose together. 

Before long you’ll be creating dazzling visuals. By grouping 
steps together and specifying 

them to be run either in sequence or in parallel, you’ll 











achieve almost anything you can 

imagine, without writing a single line of code! 

</ div> 

<script type="text/ javascript” language=" javascript"> 

// Move an element directly on top of another element (and 
optionally 

// make it the same size) 

function Cover(bottom, top, ignoreSize) { 

var location = Sys.UI.DomElement.getLocation(bottom); 

top.style.position = 'absolute'; 

top.style.top = location.y + 'px'; 

top.style.left = location.x + 'px'; 

if (!ignoreSize) { 

top.style.height = bottom.offsetHeight + 'px'; 
top.style.width = bottom.offsetWidth + 'px'; 

} 

} 

</script> 


<ccl : AnimationExtender ID="OpenAnimation" runat=" server" 
TargetControlID="btnInf o"> 

<Animations> 

<OnClick> 

<Sequence> 

<%-- Disable the button so it can't be clicked again — %> 
<EnableAction Enabled=" false" /> 

<%-- Position the wire frame and show it — %> 

< ScriptAction Script=" Cover($get('btnlnfo'), 

$get('flyout'));" /> 

<StyleAction AnimationTarget=" flyout" 

Att ribute=" display" Value= "block"/> 

<% — Move the wire frame from the button's bounds to 
the info panel's bounds --%> 

<Parallel AnimationTarget="f lyout" Durat ion=" .3" 

Fps=" 25"> 

<Move Horizontal=" 150" Vertical="-50 " /> 

<Resize Width="260" Height="280" /> 

<Color PropertyKey="backgroundColor " 

StartValue=" #AAAAAA" EndValue=" #FFFFFF" /> 

</Parallel> 

<% — Move the panel on top of the wire frame, fade it 
in, and hide the frame — %> 

<ScriptAction Script=" Cover($get('flyout'), 

$get('info'), true);" /> 

<StyleAction AnimationTarget ="info" 

Att ribute=" display" Value=" block"/> 

<FadeIn Animat ionTarget=" info" Durat ion=" .2"/> 
<StyleAction AnimationTarget=" flyout" 

Att ribute=" display" Value="none" /> 

</ Sequence> 

</OnClick> 

< /Animation s> 

</ccl : AnimationExtender> 

<ccl : AnimationExtender id="CloseAnimation" runat=" server" 
TargetControlID="btnClose "> 

< Animations> 

<OnClick> 

< Sequence AnimationTarget ="info"> 

<% — Shrink the panel out of view --%> 

<StyleAction Attribute=" overflow" Value="hidden" /> 
<Parallel Duration=" .3" Fps="15"> 



<Scale ScaleFactor=” 0.05" Center="true" 


ScaleFont=" true” FontUnit="px" /> 


<FadeOut /> 


</Parallel> 



Reset the target 



<StyleAction Attribute=" display" Value="none"/> 
<StyleAction Attribute=" width" Value=" 25Opx"/> 
<StyleAction Att ribute="height " Value=" "/> 
<StyleAction Attribute=" fontSize" Value=" 12px"/> 



Enable the button 



<EnableAction AnimationTarget="btnInfo" Enabled="true" 


/> 


</ Sequence> 

</OnClick> 

< /Animation s> 

</ccl : AnimationExtender> 


</ div> 
</ form> 


</body> 

</html> 
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.demoarea { 

padding : 2 Opx; 

background : #FFF url(images/demotop.png) no-repeat left top; 


.demoarea p 


padding : 5px ; 


.demoheading { 

padding-bottom: 20px; 
color : #5377A9 ; 

font-family : Arial, Sans-Serif; 
font-weight :bold; 
font-size : 1. 5em; 


.demobottom { 

height : 8px; 

background : #FFF url(images/demobottom.png) no-repeat left 
bottom; 

} 

wireFrame { 
display: none; 

overflow: hidden; 
z-index: 2; 

background-color: #FFFFFF; 
border: solid lpx #D0D0D0; 


CloseButtonStyle { 
background-color: #666666; 




color: #FFFFFF; 
text-align: center; 
font-weight: bold; 
text-decoration: none; 
border: outset thin #FFFFFF; 
padding: 5px; 

} 
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"3 Untitled Page - Microsoft Internet Explorer 


File Edit View Favorites Tools Help 

0' 0 @ ft / Search Favorites f - ^ li" - jj 


Address .g] http: //localhost: 1047/HDI-AJAX-TK-MutuallyExdusive-CS/Def ault. aspx 


m websearch ▼ j 


p Search T * rmyWebFace GirlSense Smiled 


IS over 25 Years of Age IS over 35 Years of Age 
dl am over 25 years old. dl am Over 35 years old. 


[ ^ JjfcJ jSLj 

* J f 


IS over 45 Years of Age 
□ i am Over 45 years old. 




Solution Explorer - Solution'HDI-AJAX-TK-... t ^ 3^ 


m$M i mm mP 


^ Solution 'HDI-AJAX-TK-MutuallyExclusive-Cb' 

Q ,'p D:\...\HDI-AJAX-TK-MutuallyEKclusive 

. Mi App_Data 

0- Bin 
S- dJ Default.aspx 
J\ readme.txt 
Aj| StyleSheet.css 
^ web.config 


l 

t 






: <_UJI AiuJ j.uil Jiill 




. j ModalPopupExtender 
, MultiHandleSliderExtender 




T 


® MutuallyExclusiveCheckEoxExtender r] 


NoBot 

NumericUpDownExtender 
,; =! PagingBulletedListExtender 






























Def aul t. aspx 


<%@ Page Language=" C#" AutoEventWireup=”t rue" 

CodeFile="Def ault.aspx.cs" Inherit s="_Default ” %> 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 

" http://www.w3.org/TR/xhtmlll/DTD/xhtml11.dtd "> 

<html xml ns=" http://www.w3.org/1999/xhtml "> 
chead runat=" server"> 

<title>Untitled Page</title> 

<link href ="StyleSheet.css" rel=" stylesheet" type="text /css" /> 
</head> 

<body> 

<form id="forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManagerl" runat=" server" /> 
<div> 

<br /> 

<table> 

<tr> 

<td style=" width : 163px; height: 30px; "> 

IS over 25 Years of Age</td> 

<td style=" width : 186px; height: 30px; "> 

IS over 35 Years of Age</td> 

<td style=" width : 186px; height: 30px; "> 

IS over 45 Years of Age</td> 

</tr> 

<tr> 

<td style=" width : 163px"> 

<asp : CheckBox ID=" Is0ver25" runat=" server" 
Text="I am over 25 years old." /><br /> 

<a jaxToolkit : MutuallyExclusiveCheckBoxExtender ID=" IsOver25Ex" 

runat=" server" 

TargetControl ID=" IsOver25" 

Key=" AgeChoice" /> 

</td> 

<td style=" width : 186px"> 

<asp : CheckBox ID=" IsOver35" runat=" server" 
Text="I am Over 35 years old." /><br /> 

<a jaxToolkit : MutuallyExclusiveCheckBoxExtender ID=" IsNotOver35Ex" 

runat=" server" 

TargetControl ID=" IsOver35" 

Key=" AgeChoice" /> 

</td> 

<td style=" width : 186px"> 

<asp : CheckBox ID=" Is0ver45" runat=" server" 
Text="I am Over 45 years old." /><br /> 

<a jaxToolkit : MutuallyExclusiveCheckBoxExtender ID=" IsNot0ver5Ex" 

runat=" server" 

TargetControl ID=" IsOver45" 

Key=" AgeChoice" /> 

</td> 

</tr> 

</table> 





</ div> 
</ form> 
</body> 

</html> 


S t y I e S h e e t. c s s ^ 


body, 

{ 

div, p, hi, h2, h3. 

i—i 

P 

h 

li, table 

margin : 0 ; 
padding : 0 ; 
border : none ; 




} 

body 

{ 

background: #B4B4B4 

url(images/body_bg.gif) repeat left top; 


font-family: Tahoma, 

Arial, 

sans-serif; 

} 

font-size : 75% ; 
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Address 


j http://localhost: 1075/s 10/Default.aspx 


ywefrsearch ^ 


jP Search T * myWebFace GirlSense '' Smiley Central 


/ 

.* 


Who am I ? (Hide Details...) 


.- -_j .7- 1 1 Jc . --i 1 


Just your average MS Joe ... 

If you would like to contact me you can send email from my blog at either of the following web sites. 
http ://www. Joe On. net 
http ://blogs . ms dn. c om/J 0 e Stagner 

I'm a Program Manager on the Microsoft Web Tools and Platform. 

While my team is based in Redmond WA, I live in New England USA with my beautiful wife and children 
and work wherever the job takes me. I joined Microsoft in 2001 after starting, building, and selling 
a .COM firm in New York City. I began as a strategic advisor to independent software venders (ISV), 
moved to a position as a Developer Technology Expert ad Technical Evangelist, and after three years I 
moved to the Web Tools and Platform Team. 

What do I do at Microsoft ? 

You would think this should be an easy question, but it's actually not. 

My job has many parts. 

To communicate with Microsoft's Web Development Customers, to know as 
much as I can about all web development technologies, those made by Microsoft 1 

,a&d those made by everyone else, and to communicate from the work! to the Web development product 

,ir '" 


1 


■A 

V 



: <_WJI fUJl J££J1 
















Solution Explorer - Solution 'Solution! 1 (1 pr.. 

. ~ \ 

a m 


a m a p 

j 


a Solution 'Solution! 1 (1 project) 


m- 0 


v J^ 


* D:\ajax projects 10\ 
□a App_Data 
Bin 

i I3 images ^ ■ 

_U Default.aspx 
Aj| StyleSheet.css 
web.config 


> 

> 



; ^ jks"x\c. 


MucoLompiecetxcenaer 

CalendarExtender 
"' CascadingDropDown 


CollapsiblePanelExtender 


ColorPickerExtender 
Wf ComboBox 

ConfirmButtonExtender 
.^gragP^ljtendj^.„ 





Def aul t. aspx 


<%@ Page Language=" C#" AutoEventWireup=”t rue" 

CodeFile="Def ault.aspx.cs" Inherit s="_Default” %> 

<%@ Register Assembly=" AjaxControlToolkit" 

Namespace=" AjaxControlToolkit” TagPref ix="ccl " %> 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

" http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd "> 

<html xmlns = " http://www.w3.org/19 99/xhtml "> 
chead runat=" server"> 

<title>S9</title> 

<link href ="StyleSheet.css" rel=" stylesheet" type=" text/css" /> 
</head> 

<body> 

<form id="forml" runat=" server"> 

<asp : ScriptManager ID="MasterScriptManager" 

EnableScriptGlobalizat ion=" false" runat=" server"> 

</ asp : ScriptManager> 

<ccl : CollapsiblePanelExtender ID="cpe" runat=" server" 

TargetControl ID=" ContentPanel" 

ExpandControl ID=" TitlePanel" 

CollapseControlID=" TitlePanel" 

Collaps ed=" True" 

TextLabel ID=" Labe11" 

ExpandedText=" (Hide Details...)" 

CollapsedText=" (Show Details...)" 

SuppressPostBack="t rue"> 

</ccl : CollapsiblePanelExtender> 























<asp:Panel ID="TitlePanel" runat=" server" 

CssClas s= "collapsePanelHeader"> 

&nbsp;&nbsp; 

Who am I ?&nbsp;&nbsp; 

<asp:Label ID="Labell" runat=" server"> (Show 
Details...) </asp : Label> 

</asp : Panel> 

<asp:Panel ID="ContentPanel" runat=" server" 
CssClass="collapsePanel "> 

<hl> 

<br /> 

Just your average MS Joe ...</hl> 

&nbsp;If you would like to contact me you can send email from 
my blog at either 

of the following web sites. <p> 

<a 

href=" http : //www. JoeOn . net " > http : //www. JoeQn . net </ax/p> 

<P> 

<a 

href =" http://blogs.msdn.com/JoeStagner " > http://blogs.msdn.com/JoeStag 
ner</ a></p> 

<P> 

I’m a Program Manager on the Microsoft Web Tools and 
Platform. &nbsp; 

</p> 

<P> 

While my team is based in Redmond WA, I live in New 
England USA with my beautiful 

wife and children and work wherever the job takes me. I 
joined Microsoft in 2001 

after starting, building, and selling a .COM firm in New 
York City. I began as a 

strategic advisor to independent software venders (ISV), 
moved to a position as 

a Developer Technology Expert ad Technical Evangelist, 
and after three years I moved 

to the Web Tools and Platform Team.</p> 

<P> 

<img align=" right" border="0" height="150" 
src=" images/JoeStagUK.bmp" 

width=" 150" alt=" " /></p> 

<h2> 

What do I do at Microsoft ?</h2> 

<P> 

You would think this should be an easy question, but it’s 
actually not. 

</p> 

<P> 

My job has many parts. 

</p> 

<P> 

To communicate with Microsoft’s Web Development 
Customers, to know as much as I 

can about all web development technologies, those made by 
Microsoft and those made 

by everyone else, and to communicate from the world to 
the Web development product 

teams and from the web development product teams to the 
development community. 

</p> 

</asp : Panel> 







</ form> 
</body> 
</html 


S t y I e S h e e t. c s s ^ 


.collapsePanel 

{ 

width: 640px; 
height : Opx; 

background-color : white; 
overflow : hidden ; 

} 

.collapsePanelHeader 

{ 

width : 64 Opx ; 
height : 20px; 
color: Yellow; 
background-color: Black; 
font-weight :bold; 
float : left; 
padding : 5px ; 
cursor: pointer; 
vertical-align : middle; 

} 
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©Smart WEB 

The Best Solution For Web 


Awaz Shikhi 

Web Developer 
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AJAX PART 1 

http://www. 4 shared.com/file/ 110593220 / 71 ee 5 e 0 d/AJAXnet.htnnl 


AJAX PART 2 

http://www. 4 shared.com/file/ 133596333 /b 42 db 913 /AJAX part 2 .htm 
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International Bank For Trade And Finance 
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Damascus - Syria 
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Swift code : gbtfsyda 

gbtfsyda: ^ 

AC/NO: 613/751774 

613/751774 : - 4 —Ji 4 j 

Name: Awaz Shikhi 
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I Solution ' 1 1 (1 project) 


El- 


0 

r E:\ajax part 3 Awaz\2\ 



AppData 

11" 


Bin 

B 


images ' 



| Blue hills.jpg 



•£J Sunset.jpg 



_a| VerticalPicture.jpg 



, j| Water lilies.jpg 



Winter.jpg 


H ■ O Default.aspx ^ 
jiji web.config 


* U sJ-J A jI J ; -■ ^ 


^LiwOJ.^J! J^UU 1 ^ uSU A 


; A>aJLklLoiAll 


asp:Image 
asp: Label 
asp: Button 
ccl: SI ideShowExtender 


* imJI 

a ResizableControlExtender 
C3 RoundedCornersEx tender 
-Q- SliderExtender 
Sli d e Show E xten d e r 
Pi Tab Container 
E^j} Tejf1 Box W a term a r kE xtend a r 
^ To ggleButtonEx tender 
l 3 ToolkitScriptManager 
. U pdat a Pane I An i m ation E x te,,. 

: Default.aspx 



<%@ Page Language= M C# M Aut oEventWireup=" true" CodeFile="Def ault.aspx.cs" 
Inherit s="_Default" %> 

<%@ Register Assembly="A jaxControlToolkit" Namespace=" AjaxControlToolkit" 
TagPref ix=" ccl" %> 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 

chtml xmlns=" http ://www.w3.org/19 99/xhtml "> 

<head runat=" server"> 

<t it le>Unt itled Page</title> 

</head> 

<body> 

<form id="forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManagerl" runat=" server"> 

</asp : ScriptManager> 

<h2 style="text-align : center ">Slide Show Extender Control</h2> 
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<div> 

<div style=" text-align : center'd 
<script runat=" server" type= M text /C#"> 

[System.Web.Services. WebMethod] 

[System.Web.Script.Services. ScriptMethod] 

public static AjaxControlToolkit. Slide [] getslides() 

{ 

AjaxControlToolkit. Slide [] slides = new 
Aj axControlToolkit .Slide [5]; 

slides[0] = new AjaxControlToolkit. Slide ("images/Blue 
hills.jpg" , "Awaz Shikhi", "Awaz Shikhi"); 

slides[1] = new AjaxControlToolkit. Slide ("images/Sunset.jpg" , 
"Muhmad romany", "Muhmad romany") ; 

slides[2] = new AjaxControlToolkit. Slide ("images/Winter.jpg" , 
"Zedan" , "Zedan") ; 

slides[3] = new AjaxControlToolkit. Slide ("images/Water 
lilies.jpg", "Samir", "Samir"); 

slides[4] = new 

Aj axControlToolkit .Slide ( "images/VerticalPicture.jpg" , "Roz" , "Roz") ; 
return (slides); 

} 

</ script > 

&nbsp; &nbsp;<br /> 

<br /> 

<asp: Image ID="Imagel" runat=" server" Height=" 25Opx" 

Width="2 OOpx" /xbr /> 

<br /> 

<asp:Label ID="lblImageDescription" runat=" server" /xbr /> 
<br /> 


<asp:Button ID="Btn_Previous " runat=" server" Text="Previous " /> 
<asp:Button ID="Btn_Next " runat=" server" Text="Next" 
Width="64px" /xbr /> 

<br /> 

<asp:Button ID="Btn_Play " runat=" server" Text="Play" /xbr /> 
<ccl : SlideShowExtender ID=" SlideShowExtenderl" 

AutoPlay=" true" ImageDescriptionLabelID=" lbllmageDescription" 
Loop="t rue" NextButtonID="Btn_Next " PlayButtonID="Btn_Play " 
PIayButtonText ="Play" PreviousButt onID="Btn_Previous " 

SlideShowServiceMetho d=" GetSlides" StopButtonText ="Stop" 
TargetCont rolID=" Imagel" runat=" server"> 

</ccl : SlideShowExtender> 

</ div> 

</ div> 

</f orm> 

</body> 

</html> 




J ^AjaxControlToolkit.Slide ^ ^jbdl 


j Jj t-lLajJa l_J^Luo J4-^jj^all J 

^inj. ri: j* , 1. . _ Mi * k 
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: Ain] ^uii 



s3 Solution 'SolutionI'(1 project) 
h ^ E:\...\5olution2\ 

_ j App_Data 
H' Bin 

i±r Default, aspx 

A| Stylesheet,css 
web.config 


: is* ‘ 
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asp:TextBox - 
asp: Label 

ccl:PasswordStrength - 
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^ MutuallyExdusiveCheekBoM 
NoEiot 

N umer i cUpD own E xtend e r 
ti=j iSSBIpedLis1 Exte n d er 


Password Strength 


S Pop|pC cnfcrij IE-ton d e r 




** Rating 


□ 


ReorderList 

ResizableControlExtender 




: Default.aspx jjS 


<%@ Page Language="C# M AutoEventWireup=" true" CodeFile= M Def ault.aspx.cs" 
Inherit s="_Default" %> 

<%@ Register Assembly="A jaxControlToolkit" Namespace=" AjaxControlToolkit" 
TagPref ix= M ccl" %> 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 


<html xmlns=" http : / /www. w3 . org/1 9 9 9/xhtml 11 > 

<head id="Headl" runat=" server"> 

<tit le>Unt itled Page</title> 

<link href ="StyleSheet.css" rel=" stylesheet" type="text/css" /> 

</head> 

<body> 

<form id="forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManagerl" runat=" server"> 

</asp : ScriptManager> 

<div> 

<br /> 

&nbsp; Text Indicators<br /> 

&nbsp; 

<asp : TextBox ID="TextBoxl " runat=" server"></ asp : TextBox>&nbsp; <br 

/> 

&nbsp; 

<asp:Label ID="Labell" runat = " server " Width=" 153px"x/asp : Labelxbr 

/> 

<br /> 

&nbsp; Status Bar Indicators<br /> 

&nbsp; 

<asp:TextBox ID="TextBox2 " runat=" server ">< / asp : TextBoxxbr /> 
&nbsp; 

<asp:Label ID="Label2" runat = " server " Width=" 154px"x/asp : Labelxbr 

/> 

<br /> 

&nbsp; Help Indicators<br /> 

&nbsp; 

<asp:TextBox ID="TextBox3" runat=" server "x/asp : TextBoxxbr /> 
&nbsp; 

<asp:Label ID="Label3" runat=" server " Width=" 154px"x/asp : Labelxbr 


<br /> 

<ccl : PasswordStrength ID="PasswordSt rengthl" runat=" server" 


Page 9 of 37 













TargetCont rolID=" TextBoxl" 

DisplayPosit ion= M RightSide" 

StrengthIndicator Type=" Text" 

PreferredPasswordLength= M 10" 

Pref ixText=" Strength:" 

TextStrengthDescription s=" Very 
Poor;Weak;Average;Strong;Excellent" 

MinimumNumericCharacters=" 0" 

MinimumSymbolCharacter s=" 0" 

HelpStatusLabeII D=" Label1" 

TextCssClass=" TextIndicator_TextBoxl" 
RequiresUpperAndLowerCaseCharacter s=" false"> 

</ccl : PasswordStrength> 

<ccl : PasswordStrength ID="PasswordSt rength2" runat=" server" 
TargetCont rolID="T extBox2" 

DisplayPosit ion=" RightSide" 

StrengthIndicator Type=" BarIndicator" 

BarIndieatorCssClass=" BarIndieator_TextBox2" 
BarBorderCssClass="BarBorder_TextBox2 " 

PreferredPasswordLength=" 10" 

Pref ixText=" Strength:" 

TextStrengthDescription s=" Very 
Poor;Weak;Average;Strong;Excellent" 

MinimumNumericCharacters=" 1" 

MinimumSymbolCharacter s=" 1" 

HelpSt atusLabelID="Label2 " 

RequiresUpperAndLowerCaseCharacter s="t rue"> 

</ccl : PasswordStrength> 

<ccl : PasswordStrength ID="PasswordSt rength3" runat=" server" 
TargetCont rolID="T extBox3" 

TextCssClass=" TextIndicator_TextBox3" 

DisplayPosit ion=" RightSide" 

StrengthIndicator Type=" Text" 

PreferredPasswordLength="2 0" 

Pref ixText="Meet s Polixy : " 

MinimumNumericCharacters=" 2" 

MinimumSymbolCharacter s=" 2" 

HelpStatusLabeII D=" Label3" 

HelpHandleCssClass=" TextIndicator_TextBox3_Handle" 
HelpHandlePosition="BelowRight " 

TextStrengthDescript ions="Not at all; Very Low Compliance; 
Low Compliance; Average Compliance; Good Compliance; High Compliance; Yes" 
RequiresUpperAndLowerCaseCharacter s="t rue"> 

</ccl : PasswordStrength> 

</div> 

</form> 

</body> 

</html> 
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.TextIndicator_TextBoxl { 

background-color : Gray ; 
color : White ; 
font-family : Arial ; 
font-size : x-small ; 
font-style : it alic; 
padding: 2px 3px 2px 3px; 

} 

.BarIndicator_TextBox2 { 
color : Blue ; 

background-color :Blue; 
padding-bottom: lpx; 

} 

.BarBorder_TextBox2 { 

border-style : solid; 
border-width : lpx; 
width : 2 0 Opx ; 
vertical-align :middle; 

} 

.TextIndicator_TextBox3 { 

background-color : Blue ; 
color : Yellow; 
font-size : small ; 
font-variant : small-caps ; 
padding: 2px 3px 2px 3px; 

} 

.TextIndicator_TextBox3_Handle { 
width : 16px ; 
height : 1 4px; 

background-image : url(images/Question.png) ; 
overflow : hidden; 
cursor : help; 

} 
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asp:Image 
asp: Button 
asp: Label 

ccl: NumericUpDownExtender 


. Mo dalPopupExte rider 

3 j MultiHandleSliderExtender 
^ MutuallyExclusiveCheckEiox., 
r-JoEot 


I'.jr'if- cUpDc.nExter de r 

•j:ij PagingBulletedListExtender \ 
Pass word Strength 
^ Po p u pC ontro I Extender 




: Default.aspx 


<%@ Page Language= M C# M Aut oEventWireup=" true" CodeFile= M Def ault.aspx.cs" 
Inherit s="_Default " %> 

<%@ Register Assembly="A jaxControlToolkit" Namespace=" AjaxControlToolkit" 
TagPref ix=" ccl" %> 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 

chtml xmlns=" http : / /www. w3 . org/1 9 9 9/xhtml 11 > 
chead runat=" server"> 

<t it le>Unt itled Page</title> 

clink href ="StyleSheet.css" rel=" stylesheet" type="text/css" /> 
</head> 

<body> 

cform id="forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManagerl" runat=" server"> 

</asp : ScriptManager> 

cdiv style=" text-align : center"> 

<asp : UpdatePanel ID="UpdatePanell " runat=" server"> 

<C ontentTemplate > 

<br /xbr /> 

Enter a numeric value and use the up and down buttons to 
increment/decrement <br /xbr /> 

<asp:TextBox ID="TextBoxl " runat=" server" Text="3" Width="120" 
style="text-align : center" /xbr /xbr /> 

Choose your favorite monthcbr /xbr /> 

<asp:TextBox ID="TextBox2 " runat=" server" Text=" June" Width="120" 
style="text-align : center" /xbr /xbr /> 

Let the web service pick a random number between 0 and 1000 that is 
higher/lower than the displayed valuecbr /xbr /> 

<asp:TextBox ID="TextBox3" runat=" server" Text="500" Width="120" 
style="text-align : center" /xbr /xbr /> 

Use the arrow images to increment/decrement the valuecbr />cbr /> 
casp:TextBox ID="TextBox4 " runat=" server" Text="0" Width="70" 
style="text-align : center" /> 
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<asp: Image ID= n imgl" runat=" server" ImageUrl= M -/images/down.gif" 
AlternateText="Down" Width="20" Height= M 15"/> 

<asp: Image ID= M img2" runat=" server" ImageUrl= M ~/images/up.gif" 
AlternateText="Up" Width= M 20" Height = M 15" /><br /xbr /> 

<br /> 

<asp:Button ID="Butt onl” runat=" server" Text= M Submit" 
OnClick="Buttonl_Click" /xbr /xbr /> 

<asp:Label ID="Labell" runat=" server" Text=" [No response provided 
yet]" /> 

<ccl : NumericUpDownExtender ID="NumericUpDownExtenderl" 
runat=" server" 

TargetControlID=" TextBoxl" 

Width=" 120" 

RefValues=" " 

ServiceDownMethod= M " 
ServiceUpMethod=" " 
TargetButtonDownID= M " 
TargetButtonUpID=" "> 

</ccl : NumericUpDownExtender> 

<ccl : NumericUpDownExtender ID="NumericUpDownExtender2" 
runat=" server" 

TargetControlID=" TextBox2" 

Width=" 120" 

RefValue s=" January;February;March;April;May;June;July;August;September;Octo 
ber;November;December” 

ServiceDownMethod=" " 
ServiceUpMethod=" " 
TargetButtonDownID=" " 
TargetButtonUpID=" "> 

</ccl : NumericUpDownExtender> 

<ccl : NumericUpDownExtender ID="NumericUpDownExtender3" 
runat=" server" 

TargetControlID=" TextBox3" 

Tag=" " 

Width=" 120" 

ServiceUpPath="NumericUpDown .asmx" 

ServiceDownPath="NumericUpDown .asmx" 

ServiceUpMethod=" NextValue" 
ServiceDownMethod="PrevValue" 
RefValues=" " 

TargetButtonDownID=" " 
TargetButtonUpID=" " > 

</ccl : NumericUpDownExtender> 

<ccl : NumericUpDownExtender ID="NumericUpDownExtender4" 
runat=" server" 

TargetControlID=" TextBox4" 

Width=" 80" 

TargetButtonDownID=" imgl" 
TargetButtonUpID=" img2" 

RefValues=" " 

ServiceDownMethod=" " 
ServiceUpMethod=" "> 

</ccl : NumericUpDownExtender> 

< /ContentTempiat e> 

</asp : UpdatePanel> 

</ div> 

</ form> 
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</body> 

</html> 


StyleSheet.css 


body, div, p, hi, h2, h3, h4, ul, li, table 

{ 

margin : 0 ; 
padding : 0 ; 
border : none ; 

} 

body 

{ 

background: #B4B4B4 url(images/body_bg.gif) repeat left top; 
font-family: Tahoma, Arial, sans-serif; 
font-size : 75%; 

} 


NumericUpDown.es ^ 


using System; 

using System.Web; 

using System.Collections; 

using System.Web.Services; 

using System.Web.Services.Protocols; 


III <summary> 

III Summary description for NumericUpDown 
III </summary> 

[WebService (Namespace = " http://tempuri.org/ ") ] 

[WebServiceBinding (ConformsTo = WsiProfiles .BasicProfilel_l)] 

[System.Web.Script.Services. ScriptService ()] 

public class NumericUpDown : System.Web.Services. WebService 

{ 

public NumericUpDown() 

{ 

//Uncomment the following line if using designed components 
//InitializeComponent(); 

} 

[WebMethod] 

public int NextValue (int current, string tag) 

{ 

Random rand = new Random (); 

return rand.Next (Math .Min(1000, Math. Max(0, current)), 1001); 

} 

[WebMethod] 

public int PrevValue (int current, string tag) 

{ 

Random rand = new Random (); 

return rand.Next(0, Math .Min(1000, Math.Max(0, current))); 

} 

} 
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Random £ NumericUpDown.es^ 
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NumericUpDown.asmx q_a^> ^ 


<%@ WebService Language="C#" CodeBehind="~/App_Code/NumericUpDown .cs 
Class="NumericUpDown" %> 
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asp: Panel 

ccl: DropShadowExtender - 
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* n 


CollapsiblePanelExtender 
'-^j Confirm Butt on Extender 
*|£ DragP a nelEx tender 
=.; DropDownExtender 


—1 D rup5 h adci'A' E >:ten d e r 


■‘J D yna m i cP o pula te Extender' 
FilteredTextBoxExtender 


: Default.aspx 


<%@ Page Language= M C# M Aut oEventWireup=" true" CodeFile= M Def ault.aspx.cs" 
Inherit s="_Default" %> 

<%@ Register Assembly="A jaxControlToolkit" Namespace=" AjaxControlToolkit" 
TagPref ix=" ccl" %> 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 

chtml xmlns=" http : / /www. w3 . org/1 9 9 9/xhtml 11 > 

<head runat=" server"> 

<t it le>Unt itled Page</title> 

</head> 

<body> 

<form id=" forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManagerl" runat = "server"> 

</asp : ScriptManager> 

<br /> 

<br /> 

<div> 

<asp:Panel ID="Panell" runat=" server" BackColor=" #C0C0FF" Height=" 86px" 
Width=" 187px"> 

This is my panel. 

</asp : Panel> 

<ccl : DropShadowExtender ID="DropShadowExtender1" runat=" server" 
TargetCont rolID="Panell " Opacity=" .75" Rounded=" false" Radius="6"> 

</ccl : DropShadowExtender> 

</ div> 

</ form> 

</body> 

</html> 
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Solution Explorer - Solution'Solution 1'(1 pr... t ^ X 

a m 


[13] 


Solution 'Solution 1' (1 project) 
E:\,,,)5olution2\, 

_ App_Data 
B Blri 

+ |^J AjaxControlToolkit.dll 

AjaxControlToolkit.pdb 
til Caiendar_scheduleH5, png 


S- 


[HJ Default.aspx 
Aj) 5 tyle5heet.es s 
jjj* web.config 




; jJjxull ^ : 




■UJ! 


asp:TextBox 

ccl: CalendarExtender - 
asp:Image 




3| AccordionPane 
jf 1 AlwaysVisibleControlExtender 
IS- Animat ionExtender 
AutoCompleteEx tender 


CalendarExtender 


v CascadingDropDown 
',£= Collapsible Panel Ex tender 

m r“ nnFii 1 iv. L'i ihhrint-irhrinrlrii - 


: Default.aspx ^ 


<%@ Page Language= M C# M Aut oEventWireup=" true" CodeFile= M Def ault.aspx.cs" 
Inherit s="_Default" %> 

<%@ Register Assembly= M A jaxControlToolkit" Namespace=" AjaxControlToolkit" 
TagPref ix= M ccl" %> 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 

<html xmlns=" http : / /www. w3 . org/1 9 9 9/xhtml 11 > 

<head runat=" server"> 

<t it le>Unt itled Page</title> 

<link href ="StyleSheet.css" rel=" stylesheet" type="text/css" /> 
</head> 

<body> 

<form id=" forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManagerl" runat=" server"> 

</asp : ScriptManager> 

<div> 

<br /xbr /> 

<b>Default Calendar: </b><br /> 
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<asp:TextBox ID="Datel" runat=" server" x/asp : TextBox> 
<ccl : CalendarExtender ID=" CalendarExtender1" runat=" server" 
TargetControlID= "Date1"> 

</ccl : CalendarExtender> 

<br / xbr /> 

<b>Calendar with Custom Style and Date Format: </b><br /> 
<asp:TextBox ID="Date2" runat=" server" x/asp : TextBox> 
<ccl : CalendarExtender ID=" CalendarExtender2" runat=" server" 
TargetCont rolID="Date2 " CssClass="MyCalendar " Format="MMMM d, yyyy M> 
</ccl : CalendarExtender> 

<br /xbr /> 

<b>Calendar with associated button: </b><br /> 

<asp:TextBox ID="Date3" runat=" server" x/asp : TextBox> 
<asp: Image ID="Imagel M runat=" server" 

ImageUrl=" ~/Calendar_scheduleHS.png" AlternateText=" " /> 

<ccl : CalendarExtender ID=" CalendarExtender3" runat=" server" 
TargetControlID= "Date3" PopupButtonID=" Image1"> 

</ccl : CalendarExtender> 

</div> 

</ form> 

</body> 

</html> 


StyleSheet.css 


MyCalendar .ajax_calendar_container 

{ 

borderilpx solid #646464; 
background-color: lemonchiff on; 
color: red; 


.MyCalendar .ajax calendar_other .ajax calendar_day , 

.MyCalendar .ajax calendar_other .ajax calendar_year 

{ 

color: black; 


.MyCalendar .ajax_calendar_hover .ajax_calendar_day , 

.MyCalendar .ajax_calendar_hover .ajax_calendar_month, 

.MyCalendar .ajax_calendar_hover .ajax_calendar_year 

{ 

color: black; 


.MyCalendar .ajax_calendar_active .ajax_calendar_day , 

.MyCalendar .ajax_calendar_active .ajax_calendar_month, 

.MyCalendar .ajax_calendar_active .ajax_calendar_year 

{ 

color: black; 
font-weight : bold; 

} 
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asp:UpdatePanel 
asp: Label 
input type="checkbox" 
asp: Button 

ccl:UpdatePanelAnimationExtender - 


' p 'I I Mill | 


I_| idULUi namer 


45 TextBoxWaterrnarkExtender 
^ T og g 1 eBij 11 o r£x t e rider 

T on 1 kit 5 rr i p t Man a ger 


,J. Update Panel Animation Ex tender 


JSl ValidatorCalloutExtender 

3 General 



: Default.aspx ^ 


<%@ Page Language="C# M Aut oEventWireup=" true" CodeFile= M Def ault.aspx.cs" 
Inherit s="_Default" %> 

<%@ Register Assembly= M A jaxControlToolkit" Namespace=" AjaxControlToolkit" 
TagPref ix=" ccl" %> 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 

chtml xmlns=" http : / /www. w3 . org/1 9 9 9/xhtml 11 > 

<head runat=" server"> 

<t it le>Unt itled Page</title> 

</head> 

<body> 

<form id=" forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManagerl" runat = "server"> 

</asp : ScriptManager> 

<div style="margin-bottom : lOpx; "> 

<div style="border : dashed lpx #222222; "> 

<div id="up_cont ainer" style="background-color : #40669A; "> 
<asp : UpdatePanel ID="update" runat=" server"> 
<ContentTemplate> 

<div id="background" style=" text-align : center; 
vertical-align : middle; line-height: 44px; padding: 12px; height: 44px; 
color: #FFFFFF ; "> 

<asp: Label ID=" lblUpdate" runat=" server" 
Style="padding : 5px; font-size: 14px; font-weight: bold; "> 

4/28/1906 12:00:00 AM 
</asp : Label> 

</div> 

< /ContentTempiat e> 

<Trigger s> 

<asp : AsyncPostBackTrigger Cont rolID="btnUpdate " 

EventName="Click" /> 

</Triggers> 

</asp : UpdatePanel> 

</div> 

</div> 
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</div> 

Choose the effects, then press ’Update <br /> 
cinput type=" checkbox" id="ef fect_fade" checked=" checked" /xlabel 
f or="ef fect_fade ">Fade</labelxbr /> 

<input type=" checkbox" id="ef fect_collapse" checked=" checked" 
/xlabel f or=" effect_collapse" >Collapse</labelxbr /> 

cinput type=" checkbox" id="ef fect_color" checked=" checked" /xlabel 
f or="ef fect_color" >Color Backgroundc/labelxbr /> 

<asp:Button ID="btnUpdate" runat=" server" Text="Update " 
OnClick="btnUpdate_Click" /> 

<ccl : UpdatePanelAnimationExtender ID="upae" Behavior ID=" animation" 
runat=" server" TargetControl ID=" update"> 
cAnimations> 

cOnUpdating> 

<Sequence> 

<%— Store the original height of the panel — %> 
cScriptAction Script="var b = $find(’animation'); 
b._originalHeight = b._element.offsetHeight; " /> 


<%— Disable all the controls — %> 
cParallel duration=" 0"> 

cEnableAction AnimationTarget ="btnUpdate" 

Enabled=" false" /> 

CEnableAction Animat ionTarget="effect_color" 

Enabled=" false" /> 

CEnableAction Animat ionTarget="eff ect_collapse" 

Enabled=" false" /> 

CEnableAction Animat ionTarget="effect_f ade" 

Enabled=" false" /> 

c/Parallel> 

cStyleAction Attribute=" overflow" Value="hidden" /> 


c%— Do each of the selected effects --%> 

CParallel duration=" .25" Fps="30"> 
cCondition 

Conditionsor ipt=" $get('effect_fade').checked"> 

cFadeOut AnimationTarget="up_container " 

minimumOpacity=" .2" /> 

c/Condition> 
cCondition 

Conditionsor ipt=" $get('effect_collapse').checked"> 

cResize Height="0" /> 
c/Condition> 
cCondition 

Conditionsor ipt=" $get('effect_color').checked"> 

cColor AnimationTarget="up_container " 

PropertyKey=" backgrounded or " 

EndValue=" #FF0000" StartValue=" #406 6 9A" 


/> 


c/Condition> 
c/Parallel> 
c/Sequence> 
c/OnUpdating> 
cOnUpdated> 

cSequence> 

c%— Do each of the selected effects --%> 
CParallel duration=" .25" Fps="30"> 
cCondition 

Condit ionScript=" $get('effect_fade').checked"> 

cFadein AnimationTarget ="up_container" 


minimumOpacity=" .2" /> 
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</Condition> 

<Condition 

Condit ionScript=" $get('effect_collapse').checked"> 

<%— Get the stored height — 1%> 

<Resize 

Height Script=" $find('animation’)._originalHeight" /> 

</Condition> 

<Condition 

Condit ionScript=" $get('effect_color').checked"> 

<Color AnimationTarget="up_container " 

PropertyKey="backgroundColor " 

St artValue=" #FF0 00 0" EndValue= "#4 0 6 6 9A" 


/> 


</Condition> 
</Parallel> 


<%— Enable all the controls --%> 

<Parallel duration=" 0"> 

<EnableAction Animat ionTarget="ef fect_fade" 

Enabled="t rue" /> 

<EnableAction Animat ionTarget="eff ect_collapse" 

Enabled="t rue" /> 

<EnableAction Animat ionTarget="effect_color" 

Enabled="t rue" /> 

<EnableAction AnimationTarget ="btnUpdate" 

Enabled="t rue" /> 

</Parallel> 

</Sequence> 

</OnUpdated> 

</ Animations> 

</ccl : UpdatePanelAnimationExtender> 


</f orm> 
</body> 
</html> 


: Default.aspx.es 


using System; 

using System.Configuration; 

using System.Data; 

using System.Linq; 

using System.Web; 

using System.Web.Security; 

using System.Web.UI; 

using System.Web.UI.HtmlControls; 

using System.Web.UI.WebControls; 

using System.Web.UI.WebControls.WebParts; 

using System.Xml.Linq; 

public partial class _Default : System.Web.UI. Page 

{ 

protected void Page_Load (object sender, EventArgs e) 

{ 

} 

protected void btnUpdate_Click (object sender, EventArgs e) 

{ 
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System.Threading. Thread .Sleep(300); 
lblUpdate.Text = DateTime .Now.ToString(); 

} 

} 




Page 27 of 37 






pjiill JjJ _p>l OjS^j >§^J3 I b^Lo J^jiu poill Cjj^cO’ ^jj c Ujq9j ^o 9 j|jjaj jI 


; ^LxJl (J£juj]| 



: Ain] ^uii 


Solution Explore 

r - Solution Solution 1' (1 ,,, -w X 

a a 

VI 

il] B S W 
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,U*1I 


asp:TextBox 
asp: Label 
asp:UpdatePanel 
ccl:SliderExtender 




rv^i PopupContro I Extender 
Rating 

:H*j Reorder List 
□ ResizableControlExtender 
Li RoundedCornersExtender 


] SliderExtender 


,;fv Slide Show Extender 
TabContainer 

... Te r h Fin i 'nil 1 riterni ,=i rk F rten d er 


: Default.aspx 


<%@ Page Language= M C# M Aut oEventWireup=" true" CodeFile= M Def ault.aspx.cs" 
Inherit s="_Default" %> 

<%@ Register Assembly= M A jaxControlToolkit" Namespace=" AjaxControlToolkit" 
TagPref ix=" ccl" %> 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 

chtml xmlns=" http : / /www. w3 . org/1 9 9 9/xhtml 11 > 

<head runat=" server"> 

<t it le>Unt itled Page</title> 

</head> 

<body> 

<form id=" forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManagerl" runat = "server"> 

</asp : ScriptManager> 

<br /> 

<asp:TextBox ID=" Sliderl_BoundControl" runat=" server" Width="30" /><br 

/> 

<asp:TextBox ID=" Sliderl" runat=" server" /> 

<br /> 

<br /> 

<asp:TextBox ID=" Slider2" runat=" server" Aut oPostBack="t rue" Text="0" 

/> 

<asp:Label ID=" Slider2_BoundControl" runat=" server" /><br /> 

<asp : UpdatePanel ID="UpdatePanell" runat=" server" 

UpdateMode=" conditional"> 

<ContentTemplate> 

<asp:Label ID=" lblUpdateDate" runat=" server" style="font- 
size:80%;" Text=" &nbsp;" /> 

</ ContentTempiat e> 

<Trigger s> 

<asp : AsyncPostBackTrigger Control ID=" Slider2" 
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EventName="TextChanged" /> 

</Triggers> 

</asp : UpdatePanel> 

<br /> 

<ccl : SliderExtender ID=" SliderExtender1" runat=" server" 
Behavior ID=" Slider1" 

Target ControlID=" Slider1" 

BoundControlID=" Sliderl_BoundControl” 

Orientat ion=" Vertical" 

EnableHandleAnimat ion="t rue"> 

</ccl : SliderExtender> 

<ccl : SliderExtender ID=" SliderExtender2" runat=" server" 
Behavior ID=" Slider2" 

Target ControlID=" Slider2" 

Minimum= "-10 0" 

Maximum= "100" 

BoundControlID=" Slider2_BoundControl" 

Steps="5"> 

</ccl : SliderExtender> 

</ form> 

</body> 

</html> 


: Default.aspx.es ^ 


using System; 

using System.Configuration; 

using System.Data; 

using System.Linq; 

using System.Web; 

using System.Web.Security; 

using System.Web.UI; 

using System.Web.UI.HtmlControls; 

using System.Web.UI.WebControls; 

using System.Web.UI.WebControls.WebParts; 

using System.Xml.Linq; 

public partial class _Default : System.Web.UI. Page 

{ 

protected void Page_Load (object sender, EventArgs e) 

{ 

ScriptManagerl.RegisterAsyncPostBackControl(Slider2); 
if (Page.IsPostBack) 

{ 

lblUpdateDate.Text = "Changed at : " + 

DateTime .Now.ToLongTimeString(); 

} 

} 

} 
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ccl:HoverMenuExtender 
asp: Panel 
asp:LinkButton 




4, DropDownExtender 
□ Drop5 hadow Extender 
<3 DynamicPopulate Extender 
a b J Filter edTextBoxExtender 


^ H over MenuEx tender 


Lis tEeardiEx tender 
MaskedEd it Extender 
Ma skedE d i t Valid a t or 


\ 


: Default.aspx 


<%@ Page Language= M C# M Aut oEventWireup=" true" CodeFile= M Def ault.aspx.cs" 
Inherit s="_Default " %> 

<%@ Register Assembly= M A jaxControlToolkit" Namespace=" AjaxControlToolkit" 
TagPref ix=" ccl" %> 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 

chtml xmlns=" http ://www.w3.org/19 99/xhtml "> 

<head runat=" server"> 

<t it le>Unt itled Page</title> 

clink href ="StyleSheet.css" rel=" stylesheet" type="text/css" /> 
</head> 

<body> 

cform id="forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManagerl" runat=" server"> 

</asp : ScriptManager> 

<div> 

<ccl : HoverMenuExtender ID="HoverMenuExtenderl " 
runat=" server" 

TargetControlID="btnProduct " 

PopupCont rolID="PanelPopUp" 

PopupPosit ion=" bottom" 

Off setX=" 6" 

PopDelay=" 25" HoverCssClass="popupHover "> 

</ccl : HoverMenuExtender> 

<asp:Panel ID="PanelPopUp" runat=" server" Height=" 50px" 

Width=" 125px" CssClass="popupMenu" > 

<asp : LinkButton ID="BtnUpDate" runat=" server" 
CausesValidation=" true" 

CommandName=" company" Text=" company" 

PostBackUrl="~ /company . aspx"x/asp : LinkButtonxbr /> 

<asp : LinkButton ID="BtnCancel" runat=" server" 
CausesValidation=" false" CommandName=" Cancel" Text="home" 

PostBackUrl=" -/home .aspx"x/asp: LinkButton> 

</asp : Panel> 

<asp : LinkButton ID="btnProduct " runat=" server" >PRODUCT: Joes 
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Training Video</asp : LinkButt on> 
</div> 

</ form> 

</body> 

</html> 


StyleSheet.css 


.popupHover 

{ 

background-image : url(images/header-opened.png) ; 
background-repeat : repeat-x; 
background-position : left top; 
background-color : #F5F7F8 ; 

} 

.popupMenu 

{ 

position : absolute; 
visibility : hidden; 
background-color : #AAFFFF ; 
opacity : .9 ; 

filter: alpha(opacity=90) ; 

} 
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asp: RadioButtonList 
ccl: PopupControl Extender 




Mu m eric U p D □ w nEx t e nder 
!=) P aging B ullet e d L i stE x t end e r 
! -j , ' i P as sw o r d5tr e n gth 


Popup LontrolExtender 


Mr Rating 
ReorderList 

X ResizableControlEx tender 
CJ Rounded Corners Extender 


: Default.aspx 


<%@ Page Language="C#" Aut oEventWireup=" true" CodeFile="Def ault.aspx.cs" 
Inherits="_Def ault" %> 

<%@ Register Assembly=”A jaxControlToolkit" Namespace=" AjaxControlToolkit" 
TagPref ix= M ccl" %> 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 

<html xmlns=" http ://www.w3.org/1999/xhtml "> 

<head runat=" server"> 

<t it le>Unt itled Page</title> 

<link href ="StyleSheet.css" rel=" stylesheet" type="text/css" /> 

</head> 

<body> 

<form id="forml" runat=" server"> 

<asp : ScriptManager ID=" ScriptManagerl" runat=" server"> 

</asp : ScriptManager> 

<div> 

<br /> 

ToDo : 

<asp:TextBox ID=" MyTextBox" runat=" server" 

Width="538px"x/asp : TextBox> 

<br /> 

<asp:Panel ID="Panell" runat=" server" CssClass="popupControl "> 
<asp : UpdatePanel ID="UpdatePanell " runat=" server"> 
<ContentTemplate> 

<asp : RadioButtonList ID="RadioButt onList1" 
runat=" server" Aut oPostBack=" true" 

OnSelectedIndexChanged=" RadioButtonListl_SelectedIndexChanged" 

Width=" 14 6px"> 

<asp : ListItem Text="Awaz 

Shikhi "></asp : ListItem> 

<asp : ListItem Text="Simon 

Muzio" ></asp : ListItem> 

<asp : ListItem Text="Brian 

Goldf arb"x/asp : List Item> 

<asp : ListItem Text="Joe 

Stagner " x/asp : List Item> 

<asp : ListItem Text="Shawn 
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Nandi" ></asp : ListItem> 

</asp : RadioButtonList> 

</ ContentTempiat e> 

</asp : UpdatePanel> 

</asp : Panel> 

<br /> 

<ccl : PopupControlExtender ID="PopupControlExtender1" runat=" server" 
Commit Property=" value" 

CommitScript ="e.value += ' - SEND A MEETING REQUEST!';" 
PopupControlID="Panell " 

Posit ion=" Bottom" TargetCont rolID="MyTextBox"> 

</ccl : PopupControlExtender> 

</ div> 

</ form> 

</body> 

</html> 


StyleSheet.css 


.watermark 

{ 

background: #FFAAFF; 

} 

.popupControl 

{ 

background-color : #AAD4FF ; 
position : absolute; 
visibility : hidden; 
border-style : solid; 
border-color: Black; 
border-width: 2px; 

} 


: Default.aspx.es ^ 


using System; 

using System.Configuration; 

using System.Data; 

using System.Linq; 

using System.Web; 

using System.Web.Security; 

using System.Web.UI; 

using System.Web.UI.HtmlControls; 

using System.Web.UI.WebControls; 

using System.Web.UI.WebControls.WebParts; 

using System.Xml.Linq; 

using AjaxControlToolkit; 

public partial class _Default : System.Web.UI. Page 

{ 

protected void RadioButtonListl_SelectedIndexChanged (object sender, 
EventArgs e) 

{ 

if ( (String .IsNullOrEmpty(RadioButtonListl.SelectedValue)) == 

false) 

{ 

// Popup result is the selected task 

PopupControlExtender .GetProxyForCurrentPopup (this .Page).Commit(RadioButtonL 
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ist1.SelectedValue); 

} 

// Reset the selected item 
RadioButtonList1.ClearSelection() ; 

} 

} 
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